如何推迟加载JavaScript文件?

How to defer loading of JavaScript file?

我不想在启动时调用javascript函数。原因很简单,它会减少初始下载大小,页面会出现得更快。为此,我在head部分使用了以下代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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;

但没用……请帮帮我


通常,最好将脚本放在身体的末尾,并立即调用它们。

脚本阻止了页面的加载,因此将它们放在正文的末尾可以让页面快速加载,而javascript将在页面已经准备好的情况下加载。


您可以使用


1
document.head.appendChild(element)