javascript - 如何在中有一个脚本在末尾添加脚本

Question

客户端正在使用 Sharetribe，它允许您通过管理添加自定义 JS，但仅限于头部。我希望我的脚本在 jQuery 之后加载，但 jQuery 在正文的末尾加载。如何编写普通 JS，在文档加载后将主脚本添加到末尾？

我尝试过这个:

<script>
    var script   = document.createElement("script");
    script.type  = "text/javascript";
    script.src   = "http://cdn...";
    document.body.appendChild(script);

    var script2 = document.createElement("script");
    script2.type  = "text/javascript";
    script2.text  = "$(SOME.CODE.HERE);"
    document.body.appendChild(script2);
</script>

但它会在文档加载完成之前执行(特别是在 jQuery 可用之前)。我唯一能想到的就是设置一个计时器，但这似乎有问题。

有什么建议吗？

Answer 1

使用DOMContentLoaded事件:

The DOMContentLoaded event is fired when the document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading (the load event can be used to detect a fully-loaded page).

document.addEventListener("DOMContentLoaded", function (event) {
  console.log("DOM fully loaded and parsed");

  // Your code here
});

DOMContentLoaded 与 ready 相同jQuery 的事件。

Documentation