如何延遲加載 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 將加載頁面已經准備好。

Answer 2

您可以使用<script defer> （HTML 腳本標簽上的 defer 屬性）。

例子：

<script src="link/to/yourfile.js" defer></script>

defer將在 HTML 解析期間下載文件，並且僅在解析器完成后執行。 defer 腳本也保證按照它們在文檔中出現的順序執行。

Answer 3

document.head.appendChild(element)