[size=medium]如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。
调用load方法的完整格式是：load( url, [data], [callback] ),
其中:
url：是指要导入文件的地址。
data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。
callback：可选参数；是指调用load方法并得到服务器响应后，再执行的另外一个函数。
load()在没有参数的默认情况下是以GET方式请求，但如果带有参数，将以POST方式请求。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript">
function loadData(){
$("p").load("table.jsp");
}
function loadData2(){
$("p").load("table.jsp",{"name" : "liuc"},function(){
$("p").slideDown("slow");
});
}
</script>
<title>Insert title here</title>
</head>
<body>
<p id="test">
</p>
<input type="button" onclick="loadData2()" value="加载数据">
</body>
</html>
[/size]
分享到：
相关推荐
(JQuery-- onload，ready方法详细解说
基于jquery开发的一个小插件，主要作用是绑定图片(img标签)的onload事件，如果是纯JavaScript开发，可借鉴下面的代码： var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if ...
主要介绍了jQuery ready()和onload的加载耗时,结合实例形式对比分析了jQuery中的ready()和JavaScript的[removed]进行页面加载的时间,需要的朋友可以参考下
最近在改一个嵌入在frame中的页面的时候，使用了jquery做效果，而页面本身也绑定了onload事件。改完后，Firefox下测试正常流畅，IE下就要等个十几秒jquery的效果才出现，黄花菜都凉了。 起初以为是和本身onload加载...
1.客户端事件的注入.Whindom.onload,jquery-->(document).ready(function(){内容}); 2.css样式表中的元素，类，元素ID是设置，及其就近原则，类高。 3.知道了，css中border属性，background-image(url)图片的相对...
1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和onload具有类似的效果。但是也有一些差异： 当一个文档完全下载到浏览器中时，会触发[removed]...
window.onload = function () { console.log('window.onload 方式执行') } $(document).ready(function () { console.log('$(document).ready(function(){}) 方式执行') })
页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页 面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！) 一般样式...
主要介绍了全面解析jQuery $(document).ready()和JavaScript onload事件的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
为了解决这个问题，许多JS库，例如jQuery和Prototype，提供了相应的函数来模拟实现onload事件的功能。这些函数可以让我们在加载完某些资源后执行某些操作，而不需要等到所有的HTML元素加载完成。 那么，我们可以...
·attribute（改进了.attr()的性能）、jQuery()核心函数、CSS（.css()性能有两倍提升）、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章，宣布jQuery 1.5正式版已经...
3. $(document).ready()与window.onload使用场合类似，当有差异 4. jQuery代码中常见的元素包括工厂函数、选择器和方法 5. jQuery程序代码的特殊：包含$符号和连缀操作 6. 每个页面都有对应的DOM模型，DOM模型包括...
image-size使用该插件，可以在图片onload之前获取图片的大小，在瀑布流布局中，应该可能会有用处。###实现原理：使用轮询，在图片onload之前，获取到图片大小。如果图片已经被缓存过，直接返回相关信息。回调参数...
$代表的是jquery本身,很多都是基于他的,$(document)就把DOM对象转换成了jquery对象了 ready方法跟js中的onload的不同之处在于:前都可以关联多个函数,从上到下执行.后者只能指向一个引用,onload是页面加载完成...
$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件...
一、页面加载$(document).ready()相当与Javascript中的onLoad()事件，都是在页面加载的时候执行该方法，但是两者又有着微妙的差别，ready()事件是当HTML下载完成并解析成DOM树之后就可以执行，而onLoad()事件要等...
对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如: 1.加载多个函数的问题 <body onload="a();b();"> </body> 在Onload事件中只能这样加载，很丑陋…而在JQuer