頁面完全加載后加載外部JS文件

Question

我創建了一個vanillaJS腳本，供其他幾個網站使用。 上周，腳本服務器關閉了幾分鍾，結果是使用該腳本的幾個站點無法正確加載（速度慢，頁面根本沒有加載，錯誤等），因為這些站點一直處於“等待狀態” ”以加載外部腳本。

我注意到所有這些站點的頭部都有腳本。 我建議將腳本標記移至頁腳，並添加'async'屬性。 但這是最好的解決方案嗎？

旁注：

• 不能使用jQuery
• 不能使用Angular或React這樣的框架
• 最好不要在網站本身上使用其他JS
• 該腳本創建了它自己的內容，並且不依賴其所服務的頁面上的任何內容。 它只是使用基於基本JS靜態服務的數據庫的內容創建了一個div，以避免跨站點錯誤。

提前致謝。

Answer 1

async將使腳本異步加載，並且將在讀取頁面時執行。 盡管頁面很大程度上取決於瀏覽器，但defer會使腳本在頁面加載后執行。IE9支持此功能。 您可以使用提琴手中的此延遲進行快速檢查

但是還有另一種方法是在底部放置script標簽，例如

<script>
window.onload = function() {
    var element = document.createElement("script");
    element.src = "vanillaJS .js";
    document.body.appendChild(element);
};
</script>

但是我想這些將無法解決腳本無法訪問導致服務器故障的問題。 我建議在網站文件夾中保存腳本的本地副本，並進行引用。