码迷,mamicode.com
首页 > Windows程序 > 详细

jquery学习笔记一之window.onload与$(document).ready()区别

时间:2015-11-07 19:03:33      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

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

  执行时机:前者必须等待网页中所有的内容加载完毕后(包括图片)才能执行,后者 网页中说有的Dom结构绘制完毕后就执行,可能Dom元素关联的内容并没有加载完成。

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
</head>
<body>
	<script type="text/javascript">
	window.onload = function(){
		alert("onload加载");
	}
	$(document).ready(function(){	//等待DOM元素加载完毕
		alert("hello jquery");
	});
	$(document).ready(function(){
		alert("again!!");
	});
	//简写
	$(function(){
		alert("three!!!");
	});
	</script>

</body>
</html>

  

jquery学习笔记一之window.onload与$(document).ready()区别

标签:

原文地址:http://www.cnblogs.com/Alexander11/p/4945835.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!