2

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

这是我正在使用的代码：

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

我一般是把脚本放在页面底部，但是如果像这样动态插入，有没有办法保证脚本放在页面底部呢？

4

2 回答 2

2

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

你已经这样做了body.appendChild(script)；当然，稍后可能会插入其他元素。

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

于 2012-12-19T03:53:52.003 回答
0

有一种方法可以确保使用 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);
});
于 2012-12-19T04:08:25.170 回答