Question

我的网站需要一个.js文件才能使网站正常运行，但使用另一个.js文件进行网站分析。因此，最后一个并不是必需的，因此我希望浏览器在加载/下载其他所有内容后加载/下载它：html标记，.css文件和图像。有可能吗？

Answer 1

是的：

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

Google还建议使用deferred JavasSript loading technique：

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

Answer 2

将DEFER添加到您最后要加载/执行的脚本标记中。

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

Answer 3

只是一个建议：在HTML文件中添加内联Javascript，等待DOMReady事件，然后将第二个javascript lib的javascript标记插入到文档的头部。

Answer 4

是的，试试这个：

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

Answer 5

尝试：

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

延迟下载.js文件

5 个答案: