最后加载脚本

时间:2012-08-13 09:53:46

标签: javascript load

我有一个网页在加载时滞后,因为脚本正在尝试处理。脚本为添加服务创建iframe。我的网页按顺序加载,但脚本会延迟整个页面,因为它显示在顶部...

是否可以将脚本加载到最后,但仍然会将其显示在页面顶部?

编辑: 我试过这个,但它不起作用:

<script type="text/JavaScript">
  window.onlaod=function(){
  var root = document.body.getElementById('top-banner');
  var oJs = document.createElement('script');
  oJs.setAttribute('type','text/JavaScript');
  oJs.setAttribute('src','http://anetwork.ir/showad/?adwidth=468&adheight=60&aduser=1341223032');
  root.appendChild(oJs);
  }
</script>

top-banner是我想要展示广告的div的ID。它是空的。

3 个答案:

答案 0 :(得分:0)

如果脚本加载有问题,因为它的执行你应该使用函数来调用那个脚本,所以,如果你有一个脚本函数或它是自动的,你应该把脚本放在函数内部引起问题

完成后,您可以在onload标记中添加body属性,然后调用创建function的{​​{1}}:

iframe

就像这样,您的脚本将在<body onload="createIframe()">...</body> 加载完毕后加载。

编辑:

像这样修改你的脚本并保持身体onload显示:

body

答案 1 :(得分:0)

您需要将script标记移动到页面末尾(例如,在</body>标记之后)。如果您想根据javascript代码修改页面的先前元素,你需要使用javascript代码。

那就是:例如,如果您想从服务器加载数据并将其显示为格式化,则必须显示HTML,然后在加载脚本和数据时“解析”结果并“插入”在HTML中使用javascript函数。

答案 2 :(得分:0)

如果您希望最后加载特定的JS代码:

if (typeof jQuery !== 'undefined') {
    (function($) {
        //use window.bind to load the tinymce per last. Otherwise will throw error
        $(window).bind("load", function() {
           // code here will load after page is loaded
        });
    })(jQuery);
}