javascript和jquery文档加载

window.onload = function() {
    //等到页面内容包括图片所有元素加载完成才执行。
    //如果有多个onload方法,每次只执行一个。
}

$(document).ready(function() {
    //DOM结构绘制完毕后执行,不需要等到所有内容加载完成。
    //可以同时编写多个,都可以执行。
})

使用$(document).ready()方法的话,只要DOM就绪就执行,可能会碰到元素相关联的文件没下载完。例如于图片相关的html下载完成,解析成DOM树,但是图片还没有加载好,那么这时图片的高度和宽度这样的属性就没法获取到,然后就可以使用以下load()方法。
$("").load(function() {
    //当指定元素(及子元素包含图像、脚本、框架、内联框架等)已加载时,触发load事件,如果网络延迟,加载过慢就需要等待较长时间
})

 

posted on 2015-01-28 14:39  比比已存在  阅读(72)  评论(0编辑  收藏  举报