$.ready和onload 區別

一、jq ready()的方法就是Dom Ready

他的做用或者意義就是:在DOM加載完成後就能夠能夠對DOM進行操做。 

通常狀況先一個頁面響應加載的順序是，域名解析-加載html-加載js和css-加載圖片等其餘信息。 
那麼Dom Ready應該在「加載js和css」和「加載圖片等其餘信息」之間，就能夠操做Dom了。 

二、Dom Load 

用原生的js的時候咱們一般用onload時間來作一些事情，好比： 
window.onload=function(){ 
//do something 
} 
//或者常常用到的圖片，假設這個 
document.getElementByIdx_x("imgID").onload=function(){ 
//do something 
} 
這種就是Dom Load，他的做用或者意義就是:在document文檔加載完成後就能夠能夠對DOM進行操做，document文檔包括了加載圖片等其餘信息。 

那麼Dom Load就是在頁面響應加載的順序中的「加載圖片等其餘信息」以後，就能夠操做Dom了。

3.用個最經常使用的例子說明Dom Ready和Dom Load二者的區別 
Dom Ready是在dom加載完成後就能夠直接對dom進行操做，好比一張圖片只要<img>標籤完成，不用等這個圖片加載完成，就能夠設置圖片的寬高的屬性或樣式等； 
Dom Load是在整個document文檔（包括了加載圖片等其餘信息）加載完成後就能夠直接對dom進行操做，好比一張圖片要等這個圖標加載完成以後才能設置圖片的寬高的屬性或樣式等； 
好比一個圖片瀏覽的效果，一般若是圖片尺寸很大的狀況下，爲了防止圖片把頁面撐開一般會限定圖片的寬度或高度，若是是單張圖片或者是多張規格比例統一的圖片下咱們能夠直接在<img>上價格寬度或者高度的屬性<img src=「img.jpg」 alt=」碼頭的大照片」 width=「100」 height=「90」>，好比（推薦）或者能夠在css樣式中加寬度或者高度的屬性。可是若是這些張規格比例不統一的圖片要瀏覽呢？那就有問題，你設置寬高極可能形成圖片嚴重失真。在ie6以後ie7，ie8還有其餘主流瀏覽器支持css2.1中min-width，max-width，min-height，max-width，這樣咱們就能夠用min-width，max-width，min-height，max-width解決這些問題，可是ie6除非是拋棄性能問題用css表達式