一褥傍、頁面加載完成觸發(fā)事件:
- ready:表示文檔結(jié)構(gòu)已經(jīng)加載完成(不包含圖片等非文字媒體文件)
- onload:表示頁面包含圖片等文件在內(nèi)的所有元素都加載完成
二沼撕、document.ready
1宋雏、使用jQuery時的開頭方式:
$(function(){
//do something
})
它等價于:
$(document).ready(function(){
//do something
})
//或者 (jQuery的默認(rèn)參數(shù)是:"document")
$().ready(function(){
//do something
})
2芜飘、作用:在DOM加載完成后就可以對DOM進行操作。
一般情況下一個頁面響應(yīng)加載的順序是:域名解析---加載html---加載js和css---加載圖片等其他信息
document.ready應(yīng)該在“加載js和css”和“加載圖片等其他信息”之間磨总,就可以操作DOM了嗦明。
二、document.onload
1蚪燕、用原生js時娶牌,我們通常使用onload事件來處理某些情況:
window.onload = function(){
//do something
}
//或者經(jīng)常用到的圖片
document.getElementById("imgID").onload = function(){
//do something
}
2、作用:在document文檔加載完成后就可以對DOM進行操作邻薯,document文檔包括了加載圖片等其他信息裙戏。
document.onload就是在頁面響應(yīng)加載順序中的“加載圖片等其他信息”之后乘凸,就可以操作DOM了厕诡。