本文通过实例演示了jQuery中$(document).ready()与window.onload的区别。前者在DOM加载完成后即可执行，而后者则需等待整个页面包括图片等资源加载完毕。此外，文中还对比了这两种方法在编写数量上的差异。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jq/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
/*1.执行时间
* window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
* $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
*
* 2.编写个数不同
* window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
* $(document).ready()可以同时编写多个，并且都可以执行
*/
// window.onload 页面加载完成之后触发，如果有多个window.onload事件，只执行最后一个
// window.onload = function(){
// alert(1);
// }
// window.onload = function(){
// alert(2);
// }
$(document).ready(function(){
alert(3);
})
$(window).load(function(){
alert(5);
})
$(document).ready(function(){
alert(4);
})
// 简写方式
$(function(){
alert(6)
})
$(function(){
alert(7)
})
</script>
</head>
<body>
</body>
</html>
扫一扫
1927
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
