文档加载事件
1、文档加载事件
2、文档加载过程
复习js中ready与onload事件:
*ready事件:
ready事件在DOM结构绘制完成之后就会执行。这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行。
*load事件:
load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就会出现这种情况:网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即时被触发。
ready的三种写法
// 写法一
$().ready(function(){
})
// 写法二
$(document).ready(function(){
})
// 写法三
$((function(){
})
一般用后两种写法
文档加载过程
(1)解析HTML结构。
(2)加载外部脚本和样式表文件。
(3)解析并执本代码。
(4)构造HTML DOM模型。//ready
(5)加载图片等外部文件。
(6)页面加载完毕。//load