document.ready是jQuery提供的一個函數,用于在文檔加載完成后執行一些代碼。它相當于JavaScript中的window.onload,但有一些區別。
document.ready:在DOM樹構建完成后即可執行,不需要等待外部資源(如圖片)加載完成。
window.onload:需要等待頁面的所有資源加載完成后才能執行,包括外部資源和圖片等。
document.ready:使用jQuery庫中的函數,代碼可以直接寫在一個回調函數中。
window.onload:需要在JavaScript中使用事件監聽的方式來寫,或者在HTML中直接調用一個函數。
document.ready:可以多次調用,每次調用都會將新的函數添加到執行隊列中。
window.onload:只能在頁面加載時調用一次,多次調用會覆蓋之前的事件。
document.ready:依賴于jQuery庫,只能在引入了jQuery庫的頁面中使用。
window.onload:原生JavaScript事件,幾乎在所有瀏覽器中都可以使用。
document.ready:多個document.ready函數會按照調用順序依次執行。
window.onload:多個window.onload函數會按照調用順序依次執行。
總的來說,document.ready更適合在DOM加載完成后執行一些操作,比如綁定事件、修改DOM元素等。而window.onload更適合在頁面所有資源加載完成后執行一些操作,比如初始化一些需要依賴資源的組件、發送網絡請求等。