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

Question

我想在页面加载后加载外部JavaScript。 实际上，javascript包含广告的来源，并且其制作页面加载速度很慢。 我想要的是延迟加载和执行广告，以确保快速页面加载。

谢谢，比拉尔

Answer 1

您可以在body块的最后一个标记处使用此脚本：

<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);

Courtsey

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
});