jQuery的页面载入

jQuery 页面载入

$(document).ready(function(){
//程序段
})

原生javaScript

window.onload = function(){
//程序段
}

 

两者之间有许多区别

1. 执行时间不同：$(document).ready 在页面框架下载完毕后就执行，而window.onload 必须在页面完全加载完毕（包含图片下载）后才能执行 。前者效率高于后者。

 

2. 执行数量不同：$(document).ready 可以重复写多个，并且每次执行结果都不同；而window.onload虽然可以执行多个，但是仅仅输出最后一个执行结果，无法完成多个结果的输出。、

 

3. $(document).ready(function(){}) 有好多变形写法。

　　如：

 

$(function(){
    //代码段
})

jQuery(document).ready(function(){
    //代码段
})

jQuery(function(){
    //代码段
})

以上四种jQuery的文档加载都是等价的。