Question

我有一个网页在加载时滞后，因为脚本正在尝试处理。脚本为添加服务创建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。它是空的。

Answer 1

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

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

iframe

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

编辑：

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

body

Answer 2

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

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

Answer 3

如果您希望最后加载特定的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);
}

最后加载脚本

3 个答案: