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

时间:2012-05-24 09:44:19

标签: javascript jquery model-view-controller delayed-execution

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

感谢, 比拉尔

5 个答案:

答案 0 :(得分:12)

您可以在身体块的最后一个标签处使用此脚本:

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

答案 1 :(得分:5)

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

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

Courtsey

答案 2 :(得分:2)

我会看看使用异步Javascript加载。有一些框架,例如requireJS

答案 3 :(得分:2)

$( “#选择器”)。单击(函数(){   $ .getScript( “YourScript.js”); });

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

答案 4 :(得分:0)

不使用像jQuery getScript()和promise或者像requireJS这样的正确加载库,脚本可以包含在页面中,但是会加载异步,所以不能保证它会在你需要的时候准备就绪它。如果您已经在使用jQuery,那么简单的答案就是:

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