一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery load()用法和ready()用法及区别

时间:2010-10-24 编辑:简简单单 来源:一聚教程网

$(document).ready(fn)与$(window).load(fn),二者的差别在于:$(document).ready(fn)发生在“网页本身的html”载入后就触发,$(window).load(fn)则会等到“网页html标签中引用的图档、内嵌物件(如flash)、iframe”等拉哩拉杂的东西都载入后才会触发。

  一般来说,等网页全部元素都载入才执行程式时机有点晚,因为在此之前,使用者已经可以点选操作网页,跳脱我们程式的掌控范围。因此,我们几乎都是将程式放 在$(document).read(function(){...})中(即$(function(){...}))。而$(window).load(fn)适合执行一些要等待图档或元素全部载入才可进行的动作,例如:检查图档长宽。

只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jquery会在所有dom加载完成后再绑定load事件。

 

调用load方法的完整格式是:load( url, [data], [callback] ),

其中:

 

url:是指要导入文件的地址。
data:可选参数;因为load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如php教程文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。
callback:可选参数;是指调用load方法并得到服务器响应后,再执行的另外一个函数。
一:如何使用data

1.加载一个php文件,该php文件不含传递参数$("#myid").load("test.php");

//在id为#myid的元素里导入test.php运行后的结果
2. 加载一个php文件,该php文件含有一个传递参数

$("#myid").load("test.php",{"name" : "adam"});

//导入的php文件含有一个传递参数,类似于:test.php?name=adam
3. 加载一个php文件,该php文件含有多个传递参数。注:参数间用逗号分隔

$("#myid").load("test.php",{"name" : "adam" ,"site":"61dh.com"});

//导入的php文件含有一个传递参数,类似于:test.php?name=adam&site=61dh.com
4. 加载一个php文件,该php文件以数组作为传递参数

$("#myid").load("test.php",{'myinfo[]', ["adam", "61dh.com"]});

//导入的php文件含有一个数组传递参数。

 

ready 方法


简单方式
$(document).ready(function(){
//编写代码
})
简写方式为
$(function(){
//编写代码
})
另外,$(document)也可以简写为$().当$()不带参数时,默认参数就是“document”,因此可简写为:
$().ready(function(){
//编写代码
})
3种方式功能一样。

热门栏目