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 | <script src="link/to/yourfile.js" defer> |
1 | document.head.appendChild(element) |