新打开的子窗口内容并不一定要写在它自己的 HTML 文件里面,下面让我们看一个例子:

这个例子中的窗口内容,包括图片在内,都是在窗口被打开以后写入的。要实现这个效果看上去有无数种方法,下面是其中一种:

varwriteWin = null;
function writeLeft() { writeWin =
window.open('','aWin','top=0,left=0,width=250,height=350'); varePen =
'<html><head><title>sans .html file</title></head>'; ePen += '<body
text="#cccccc" bgcolor="#000000"><tt><p>once upon a time, a ghost
said:</p>'; ePen += '<p><center><img
src="graphics/boo.jpg"></center></p><p>the end.</p></body></html>';
var wd = writeWin.document;
wd.open();
wd.write(ePen);
wd.close();
}

在writeLeft() 函数里面定义好窗口(writeWin)之后,变量ePen的值被设为一个 HTML 字符串。我们使用 JavaScript 的 += 操作数来把更多的字符串内容添加到ePen变量的后面。接下来我们在窗口writeWin中使用 document 的open() 方法初始化一个新的 document 对象,然后把变量ePen做为参数传入 document write() 方法,这将会把变量ePen的 HTML 字符串写入新窗口。

请注意你必须使用 document 的close() 方法来关闭数据输出流,否则写入的内容将不会显示。