$(document).ready() 与 window.onload 之间的区别

 

1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如：如果给一副图片添加点击事件，window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数：
function one(){
alert('one');
}
function two(){
alert('two');
}

window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了

$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了
$(document).ready() 与 window.onload 之间的区别

1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如：如果给一副图片添加点击事件，window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数：
function one(){
alert('one');
}
function two(){
alert('two');
}

window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了

$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了