讓所有的JS等待頁面加載

Question

我在頁面上有很多的JavaScript，它不能組合。

它在每個人上面寫着「document.wait」等等的函數，有沒有更好的方法來做到這一點，還是我堅持使用它？

Goog'ling沒有透露。

Answer 1

至於說其他人所有腳本移動到頁面的底部，</body>之前。它將解決你的許多問題。但它不會專門針對舊IE瀏覽器不一致的所有細節。

如果你想要得到的是如何棘手提供這樣的跨瀏覽器實現的一瞥，就來看看下面的流行問題：

$(document).ready equivalent without jQuery

例如不反對document.addEventListener瘦如IE提出自己的專有document.attachEvent。這只是第一步。

Answer 2

的最佳做法是始終把腳本標記你收身之前：

<script src="path/to/my/script"></script> 
    <!-- more scripts, etc --> 
</body> 

這樣，其餘的都肯定是已經加載，無需「等待」。 See this recommendation from google.

否則，您可以使用：

window.addEventListener('load', function() { 
    //your js here 
});