jQuery是一款非常流行的JavaScript庫,它提供了很多方便的函數,可以幫助我們快速地完成一些常見的DOM操作和事件綁定,其中就包括頁面的onload事件。
當一個頁面加載完成時,瀏覽器會觸發一個onload事件,這個事件就是告訴我們頁面已經完全加載完成,可以開始對頁面進行處理了。在jQuery中,我們可以使用$(document).ready()
函數或$(window).on("load", function() {...})
函數來監聽頁面的onload事件。
$(document).ready(function() {
// 頁面加載完成后執行的代碼
});
$(window).on("load", function() {
// 頁面完全加載完成后執行的代碼
});
這兩個函數的區別在于,$(document).ready()
函數只會在DOM樹構建完成后立即執行,不需要等待頁面上所有圖片和其他資源都加載完成;而$(window).on("load", function() {...})
函數則需要等待頁面上所有資源都加載完成后才會執行。
所以,如果我們只是想處理一些DOM操作或者需要盡早地展示頁面,就可以使用$(document).ready()
函數;而如果我們需要等待頁面上所有資源都加載完成后再執行代碼,就可以使用$(window).on("load", function() {...})
函數。