菜鸟学习笔记2，$(document).ready()使用讨论

$(document).ready()使用讨论

$(document).ready() 

一、先为说说 $(document).ready() 的功能：

1. JQuery API对 $(document).ready() 的解释是：当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

2. 我的理解：$(document).ready() 用于当前页面加载完成后，就执行其定义的方法，用于异步加载，提交页面响影的速度，用于在一个页面中包含多个页面的情况（一个页面中使用多个iframe）。

二、使用方法如下：

1. 将页面中使用iframe的地方使用div代替；并定义div的ID属性。代码示例如下：

1. <div id="MyNoticesDiv" width="100%" height="195px">
2. </div>

<div id="MyNoticesDiv" width="100%" height="195px">

</div>

2. 在js定义$(document).ready()，代码示例如下：

1. <script language="JavaScript" type="text/javascript">
2. $(document).ready(function(){
3. $.ajax({
4. url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3',
5. type : 'post',
6. dataType : "text",
7. success : function(text) {
8. isPro = false;
9. if(null != text && "" != text){
10. $('#MyNoticesDiv').html(text);
11. }
12. }
13. });
14. })
15. </script>

<script language="JavaScript" type="text/javascript">

	$(document).ready(function(){ 

		$.ajax({
			url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3',
			type : 'post',
			dataType : "text",
			success : function(text) {
				isPro = false;
				if(null != text && "" != text){
					$('#MyNoticesDiv').html(text);
				}
			}
		});		

	})

</script>

3. 页面完成后，通过js再加载div中要显示的内容。

首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数，那就是ready… 他在页面加载完成之前执行。
（也许window.onload()能实现同样的功能，但当window.onload函数执行的时候，要说明所有东西已经载入，包括图像和横幅等等。
要知道较大的图片下载速度会比较慢，因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果，这样就花费了很长的等待时间，这不是我们想要的。）。 
$(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。 
简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数. $(document).ready(function(){ // 你的代码 }); 
$(document)意思是说，获取整个网页文档对象（类似的于window.document），$(document).ready意思就是说，获取文档对象就绪的时候。 
上面这段代码的意思是检查文档对象直到它能够允许被操作（译者注：这样做比window.onload()函数要快的多，因为只要文档对象载入完成就能够执行代码了，而不需要等待页面中的图片下载是否已经完成）