window.onload與document.ready區別

最基本的區別

1.執行時間

window.onload必須等到頁面內包括圖片的全部元素加載完畢後才能執行。
$(document).ready()是DOM結構繪製完畢後就執行，沒必要等到加載完畢。

2.編寫個數不一樣

window.onload不能同時編寫多個，若是有多個window.onload方法，只會執行一個
$(document).ready()能夠同時編寫多個，而且均可以獲得執行

3.簡化寫法

window.onload沒有簡化寫法
$(document).ready(function(){})能夠簡寫成$(function(){});

在常規的JavaScript代碼中，一般使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法。

$(document).ready() 方法和window.onload方法有類似的功能，可是在執行時機方面是有區別的。window.onload方法是在網頁中全部的元素（包括元素的關 聯文件）徹底加載到瀏覽器後才執行，即JavaScript此時才能夠訪問網頁中的任何元素。而經過jQuery中 的$(document).ready()方法註冊的事件處理程序，能夠在DOM徹底就緒時就能夠被調用。此時，網頁的全部元素對jQuery而言都是可 以訪問的，可是，這並不意味着這些元素關聯的文件都已經下載完畢。