延迟下载.js文件到最后

Delay download of .js file for last

本文关键字:最后 文件 js 下载 延迟      更新时间:2023-09-26

我的网站需要一个。js文件的网站工作,但使用另一个。js文件的网络分析。因此,这最后一个是没有必要的,所以我希望浏览器加载/下载后,它已经加载/下载其他一切:html标记,.css文件和图像。

是:

<head>
...
</head>
<body>
.....
<script src="lastscript.js"></script>
</body>

Google还推荐延迟javascript加载技术:

<script type="text/javascript">
 // Add a script element as a child of the body
 function downloadJSAtOnload() {
 var element = document.createElement("script");
 element.src = "deferredfunctions.js";
 document.body.appendChild(element);
 }
 // Check for browser support of event handling capability
 if (window.addEventListener)
 window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
 window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;
</script>

DEFER添加到您希望最后加载/执行的脚本标签中

 <script DEFER src="....js"></script>

只是一个建议:添加一个内联Javascript到你的HTML文件等待DOMReady事件,然后插入第二个Javascript库的Javascript标签到你的文档的头部。

可以,试试这个:

<script language="javascript">
    window.onload = function(){
         var newScript = document.createElement("script");
         newScript.src = "address to your js";
         document.body.appendChild(newScript);
    }
</script>

尝试:

<head>
<script src="1"</script></head>
<body>
Your HTML here
<script src="2"></script>
</body>