這個就是jq ready()的方法就是Dom Ready,他的作用或者意義就是:在DOM加載完成后就可以可以對DOM進行操作。
一般情況先一個頁面響應加載的順序是,域名解析-加載html-加載js和css-加載圖片等其他信息。
那么Dom Ready應該在“加載js和css”和“加載圖片等其他信息”之間,就可以操作Dom了。
2、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表達式