您的位置：首页 > 产品设计 > UI/UE

window.onload与$(document).ready()区别

2016-07-22 15:02 585 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： window.onload document.ready jQuey

相关文章推荐

新的分享

章节导航