最后加载脚本

load script last

本文关键字：脚本 加载 最后      更新时间：2023-09-26

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

顶部横幅是我想显示广告的div 的 ID。它是空的。

如果脚本的加载由于执行而遇到问题，则应使用函数来调用该脚本，因此，如果您有脚本的函数或它是自动的，则应将导致问题的脚本放在函数中。

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

<body onload="createIframe()">...</body>

像这样，您的脚本将在body完成加载时加载。

编辑：

像这样修改脚本并保持之前显示的正文加载：

<script type="text/JavaScript">
function createIframe(){
  var root = document.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>
您需要

将script标签移动到页面末尾（例如，紧跟在</body>标签之后）。如果你想修改页面的先前元素来使用javascript代码，你需要使用javascript代码来制作它。

也就是说：例如，如果要从服务器加载数据并显示格式化数据，则必须显示 HTML，然后在加载脚本和数据时，使用 javascript 函数"解析"结果并在 HTML 中"插入"。

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