javascript - 如何延迟加载 JavaScript 文件？

Question

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

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

通常，最好将脚本放在正文的末尾，并立即调用它们。

脚本会阻止页面的加载，因此将它们放在主体的末尾可以让页面快速加载，并且 javascript 会在页面准备就绪时加载。