LabJS和document.body.appendChild

Question

我正在使用LabJS，并且在我的一个js文件中有一个document.body.appendChild()。它似乎工作得很好，但我想知道它是否会遭受与document.write相同的潜在异步问题，或者它的行为方式是否不同。

Answer 1

在执行document.body.appendChild()之前，您需要知道DOM已经完成了解析，因为在解析之前尝试以这种方式修改DOM可能会导致错误(在某些版本的IE中，您实际上可能会导致浏览器分段错误)。

因此，如果您使用LabJS动态加载脚本，并且在解析文档之前执行此操作，那么您可能会在文档解析完成之前产生脚本加载和运行的问题。

防止脚本过早运行的常用方法是，在</body>标记之前甚至不尝试加载它，或者使用某种DOM就绪的检测逻辑，这样当DOM准备就绪时，脚本就会收到通知，并且只有在可以安全地这样做时才运行它的逻辑。我不了解LabJS的细节，不知道它是否有自己的DOM就绪检测逻辑(我第一次看的时候并没有看到这样的功能)。

如果您正在使用任何其他框架(jQuery、YUI等)，它可能具有这样的逻辑。如果没有，这里有一个简单的javascript docReady()函数：pure JavaScript equivalent to jQuery's $.ready() how to call a function when the page/dom is ready for it，您可以使用它来确保修改DOM的代码不会过早运行。