html中页面全覆盖怎么写,解决 document.write 将整个 HTML 页面覆盖的问题

解决文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖的问题

按钮

function winTest()

{

var txt1 = "This is a new window.";

var txt2 = "This is a test.";

document.open("text/html","replace");//加上

document.writeln(txt1);

document.write(txt2);

document.close();//加上

}

点击 "按钮" 后页面显示结果：

This is a new window. This is a test.

注：该方法将关闭 open() 方法打开的文档流，并强制地显示出所有缓存的输出内容。如果您使用 write() 方法动态地输出一个文档，必须记住当你这么做的时候要调用 close() 方法，以确保所有文档内容都能显示。document.write() 不会隐式调用 document.close() 方法的，否则例 2 中将不会有 This is a new window. 内容了

一旦调用了close()，就不应该再次调用 write()，因为这会隐式地调用 open() 来擦除当前文档并开始一个新的文档。

在载入页面后，浏览器输出流自动关闭。在此之后，比如延迟脚本 [setTimeout()] 或是 onload 执行的方法，任何一个对当前页面进行操作的 document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。