Question

我有一个关于使用JavaScript插入动态创建的脚本的问题。

这是我正在使用的代码：

  var body = document.getElementsByTagName('body')[0];
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'code.js';
  body.appendChild(script);

我通常将脚本放在页面底部，但如果它是这样动态插入的，有没有办法确保脚本放在页面底部？

Answer 1

如果像这样动态插入，有没有办法确保脚本放在页面底部？

您已经使用body.appendChild(script)执行此操作;当然，以后可能会插入其他元素。

但是，当您动态插入脚本时，完全没有必要确保将其放置在任何特定位置 - 它是异步加载和执行的（既不阻塞某些东西也不等待某些东西）。您可以将放置在文档中的任何位置，甚至可以立即删除它，它不会影响任何加载或执行行为。

Answer 2

有一种方法可以确保使用Jquery。在code.js标记之前加载和推送DOM后，将调用</body>：

$(function() {
var body = document.getElementsByTagName('body')[0];
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'code.js';
  body.appendChild(script);
});

javascript动态创建脚本块

2 个答案: