javascript - 页面加载后在 html 正文中注入外部 javascript 文件

Question

我想在页面加载后加载外部 javascript。实际上，javascript 包含广告的来源，并且它使页面加载缓慢。我想要的只是延迟加载和执行广告以确保快速页面加载。

谢谢，比拉尔

Answer 1

您可以在正文块的最后一个标签处使用此脚本：

<script type="text/javascript">
   var script = document.createElement('script');
   script.setAttribute('src', 'http://yourdomian.com/your_script.js');
   script.setAttribute('type', 'text/javascript');
   document.getElementsByTagName('head')[0].appendChild(script);
</script>

Answer 2

var script=document.createElement('script');
script.type='text/javascript';
script.src=url;

$("body").append(script);

考特西

Answer 3

我会考虑使用异步 Javascript 加载。有这方面的框架，例如requireJS。

Answer 4

$("#selector").click(function(){ $.getScript("YourScript.js"); });

然后运行该脚本中实现的内容

Answer 5

如果不使用 jQuery getScript() 和 Promise 或像 requireJS 这样的适当加载库，脚本可以包含在页面中，但会异步加载，因此无法保证它会在您需要时准备好。如果您已经在使用 jQuery，那么简单的答案是：

$.getScript( scriptUrl ).then( function() {
  //do this ONLY after the script is fully loaded
});