1.window.onloadhtml
必須等到Dom全部元素、包括圖片加載完畢後加載,只能編寫一個。框架
2.$(document).ready()函數
DOM結構加載完畢後立刻執行,而且能夠編寫多個。this
簡寫:$(function(){·····});spa
注意事項:htm
1>.使用時候,獲取圖片高度之類的屬性可能由於還未加載高度等屬性不必定能獲取到,出現這種狀況能夠使用Jquery另一個方法Load();對象
Load() 方法會在元素的 onload 事件中綁定一個處理函數。若是處理函數綁定給 window 對象,則會在全部內容 ( 包括窗口、框架、對象和圖像等 ) 加載完畢後觸發,若是處理函數綁定在元素上,則會在元素的內容加載完畢後觸發。事件
2>.在IE中:圖片
IE只有在頁面不是嵌入frame中的狀況下才和Firefox等同樣,先執行$(document).ready()的內容,再執行原來的onload方法。對於嵌入frame中的頁面,也只是綁定在load事件上執行,因此天然是在原來的onload綁定的方法執行以後才輪到。文檔
3.$(window).load(function(){})
是對於一些特殊應用,好比圖片的放大縮小,圖片的剪裁。須要網頁全部的內容加載完畢後才執行的呢?使用$(window).load()方法,這個方法會等到頁面全部內容加載完畢後纔會觸發,而且同時又沒有OnLoad事件的弊端.
$("body").load("test.html #a"); 只取test.html文檔中ID爲#a的元素
例子:
$(window).load(function(){
$('#img01').load(fucntion{
if( $(this).height>100)
{·····}
});
});