jQuery 是一種非常強大的 JavaScript 庫,它提供了大量的 API,簡化了編寫 JS 代碼的過程。其中有一種被很多人遺忘了的 API,就是頁面渲染完成事件。這個事件的名字是 non standard 的,聽起來也有些奇怪,它叫做 $(window).load()。
這個事件的含義是,當整個頁面包括圖片、腳本和樣式等資源全部加載完成,才會觸發這個事件。相比 $(document).ready() 來說,它更加確保了頁面加載完成,可以極大地減少頁面加載出現問題的概率。
$(window).load(function() {
console.log('全部資源加載完成');
});
當然,這個事件的缺點也很明顯,它會等待全部資源加載完成才進行回調,如果頁面資源過多,會導致等待太久。所以在實際應用中,應該根據實際情況進行選擇,到底使用 $(window).load() 還是 $(document).ready()。在大多數情況下,后者已經足夠使用了。
總之,當你需要確保所有頁面資源(圖片、腳本、樣式)都已經加載完成后再進行某些操作時,$(window).load() 便是你的不二之選。