頁面加載完成有兩種事件
一坟瓢、document.ready渡贾,表示文檔結(jié)構(gòu)已經(jīng)加載完成(不包含圖片等非文字媒體文件)
DOM結(jié)構(gòu)繪制完成之后就會(huì)執(zhí)行愕撰,這樣能確保就算有大量的媒體文件沒加載出來垢啼,JS代碼一樣可以執(zhí)行转捕。
//jquery的寫法
$(function(){
// do something
});
二蚤霞、window.onload东且,指示頁面包含圖片等文件在內(nèi)的所有元素都加載完成埃跷。
必須等到網(wǎng)頁中所有內(nèi)容全部加載完畢之后才被執(zhí)行号阿。如果一個(gè)網(wǎng)頁中有大量的圖片的話并鸵,則就會(huì)出現(xiàn)這種情況:網(wǎng)頁文檔已經(jīng)呈現(xiàn)出來,但由于網(wǎng)頁數(shù)據(jù)還沒有完全加載完畢扔涧,導(dǎo)致load事件不能夠即時(shí)被觸發(fā)。
window.onload=function(){
//do something
}
//或者經(jīng)常用到的圖片
document.getElementById("imgID").onload=function(){
//do something
}