2009-10-26 查看次数:0
在javascript中如果要在DOM加载就绪后执行一些代码或方法，会使用window.onload该方法，Jquery中的ready函数同样也是在这样的需求环境下使用。
二、window.onload PK Jquery中的ready：
2个函数都可以完成DOM加载就绪后执行一些代码或方法，但他们的效率有明显的差距。
window.onload：
window.onload执行的时候，必须要所有的内容都载入才执行（也许该名字window就说明一切吧），当我们的网页有大量的图片的时候，必须要等待图片全部加载完才能后续执行。
ready：
$(document).ready(fn):当DOM载入就绪后就可以绑定一个要执行的函数。因此不必等到所有的内容加载再执行，所以极大地提高web应用程序的响应速度。
三、使用ready函数(当DOM加载后执行一个方法，修改DIV层的内容)：
1、新建立一个html文件，内容如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<script src="jquery.js"></script>
</HEAD>
<BODY>
<div id="goodtext"></div>
</BODY>
</HTML>
$(document).ready(function()
{
$("#goodtext").html(www.goodtext.org);
})
{
$("#goodtext").html(www.goodtext.org);
})
简单地说，ready方法纯粹是对向window.onload的替代方法。通过使用这个方法，可以在DOM载入就绪能够立即调用你所绑定的函数。