document.ready
和window.onload
都是用來在頁面加載完畢后執行JavaScript代碼的方法,但是它們之間有一些區別:
document.ready
:document.ready
是jQuery庫中的方法,它會在DOM樹加載完畢后就會執行,即在頁面元素加載完畢后就可以執行JavaScript代碼。window.onload
:window.onload
是原生JavaScript中的方法,它會在整個頁面(包括圖片和其他資源)加載完畢后才會執行,即在所有元素加載完畢后才可以執行JavaScript代碼。document.ready
:document.ready
可以多次綁定,即在頁面中多次使用$(document).ready()
來綁定多個事件處理程序。window.onload
:window.onload
只能綁定一個事件處理程序,即多次使用window.onload
會覆蓋前面的事件處理程序。document.ready
:document.ready
是jQuery庫中的方法,需要引入jQuery庫才能使用。window.onload
:window.onload
是原生JavaScript中的方法,不需要引入任何外部庫就可以使用。綜上所述,document.ready
在DOM樹加載完畢后就執行,而window.onload
在整個頁面加載完畢后才執行。如果只需要在DOM樹加載完畢后執行代碼,可以使用document.ready
;如果需要等待所有頁面元素加載完畢后再執行代碼,可以使用window.onload
。