javascript - 什么时候调用 document.appendChild()？

Question

在我的页面中，我动态添加了一个具有如下功能的脚本:

function addScript( src ) {
  var s = document.createElement( 'script' );
  s.setAttribute( 'src', src );
  document.body.appendChild( s );
}

我想知道我是否应该在执行此操作之前等待文档加载。文档中的正文是否可能尚未准备好？

我现在正在使用这个:

document.onreadystatechange = function () {
    if (typeof document.body !== 'undefined') {
        addScript('http://my.url);
    }
};

不确定是否没有必要，可能会延迟页面中脚本的加载。

Answer 1

body 可能还不可用，但 head 应该可用，因此您可以将其附加到那里。

document.head.appendChild(s);

否则，如果您确实想等待文档加载，请使用 DOMContentLoaded 事件。

document.addEventListener("DOMContentLoaded", function() {
  // inject the script
});