为什么Document.write会清空页面？

在JavaScript中使用document.write()方法时，程序员经常会遇到一个奇特的情况行为：在事件处理程序（例如 onClick）中调用 document.write() 可能会导致文档被清除。

要理解这种意外结果，必须掌握document.write() 的本质。此函数写入文档流，文档流是表示浏览器中显示的文档的连续数据流。

在提供的代码示例中：

单击“验证”按钮时会触发 validator() 函数。发生的情况如下：

1. 此时，文档可能已完成加载，这意味着文档流已关闭。
2. 调用 document.write() 自动触发 document.open( )，这会清除当前文档，删除所有现有元素。
3. 随后，在 document.write() 中指定的文本将呈现在 now-empty 中document.

因此，表单元素（复选框和按钮）会从页面中删除，因为整个文档都被刷新，并用 document.write().

因此，在使用 document.write() 时，在写入之前显式使用 document.open() 确保文档流保持打开状态至关重要。否则，清除文档的不可预测的行为可能会破坏预期的功能。