文档其实没什么问题。写作本身。问题是它很容易被误用。严重,甚至。

对于提供分析代码的供应商(如谷歌analytics)来说，这实际上是他们分发此类代码片段的最简单方法

它使脚本保持较小 他们不必担心重写已经建立的onload事件或包括必要的抽象来安全地添加onload事件 它非常兼容

只要你不尝试在文件加载后使用它，文件。在我看来，写作本身并不是邪恶的。

一些比较严重的问题:

document.write (henceforth DW) does not work in XHTML DW does not directly modify the DOM, preventing further manipulation (trying to find evidence of this, but it's at best situational) DW executed after the page has finished loading will overwrite the page, or write a new page, or not work DW executes where encountered: it cannot inject at a given node point DW is effectively writing serialised text which is not the way the DOM works conceptually, and is an easy way to create bugs (.innerHTML has the same problem)

最好使用安全且DOM友好的DOM操作方法

它可以阻止你的页面

文档。写只在页面加载时工作;如果在页面加载完成后调用它，它将覆盖整个页面。

这实际上意味着你必须从一个内联脚本块中调用它——这将阻止浏览器处理接下来页面的部分内容。直到写入块完成，脚本和图像才会被下载。

浏览器违反

.write被认为是浏览器违规，因为它会停止解析器呈现页面。解析器接收到文档正在被修改的消息;因此，它会被阻塞，直到JS完成它的进程。只有在这个时候，解析器才会恢复。

性能

使用这种方法的最大后果是降低性能。浏览器需要更长的时间来加载页面内容。加载时间的不良反应取决于写入文档的内容。如果您向DOM添加一个<p>标记，而不是将一个包含50个左右引用的数组传递给JavaScript库，您不会看到太大的区别(我在工作代码中看到过这种情况，导致11秒的延迟——当然，这也取决于您的硬件)。

总而言之，如果可以的话，最好避免使用这种方法。

有关更多信息，请参阅对document.write()进行干预

这是我的两便士，一般来说，你不应该使用文件。为繁重的任务编写，但有一个实例绝对有用:

http://www.quirksmode.org/blog/archives/2005/06/three_javascrip_1.html

我最近在尝试创建AJAX滑块库时发现了这一点。我创建了两个嵌套的div，并应用宽度/高度和溢出:隐藏到外部<div>与JS。这样，在浏览器禁用JS的情况下，div将浮动以容纳图库中的图像-一些漂亮的优雅降级。

问题是，与上面的文章一样，这种JS劫持CSS直到页面加载后才开始，导致div加载时出现短暂的闪光。所以我需要写一个CSS规则，或包括一个表，作为页面加载。

显然，这在XHTML中行不通，但由于XHTML似乎是一个死鸭(并且在IE中呈现为标签汤)，可能值得重新评估您对DOCTYPE的选择…

它使用XML呈现来分割页面(如XHTML页面)。

最好:一些浏览器切换回HTML渲染，一切工作正常。

可能:某些浏览器在XML呈现模式下禁用了document.write()函数。

最糟糕的情况:某些浏览器在使用document.write()函数时会触发一个XML错误。