JS - jQuery Event 中 load() 、 ready() 的区别 - xiaohei

fackyou200

浏览: 311067 次
性别:
来自: 山西太原

最近访客更多访客>>

平安一生

hyw100200

u011407152

centuey_chen

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JS - jQuery Event 中 load() 、 ready() 的区别

博客分类：

jquery

jQuery Ajax JavaScript Flash HTML

在jQuery中，要做到"等网页载入后再执行"，我们有两种选择
     $(document).ready(fn) 与 $(window).load(fn)
     二者的差别在于：
        $(document).ready(fn)发生在"网页本身的HTML"载入后就触发，
      $(window).load(fn)则会等到"网页HTML标签中引用的图档、内嵌物件(如Flash)、IFrame"等拉哩拉杂的东西都载入后才会触发。

一般来说，等网页全部元素都载入才执行程式时机有点晚，因为在此之前，使用者已经可以点选操作网页，跳脱我们程式的掌控范围。因此，我们几乎都是将程式放在$(document).read(function() { ... })中(即$(function() { … }))。
$(window).load(fn)适合执行一些要等待图档或元素全部载入才可进行的动作，例如:检查图档长宽。换句话说，上回的大图自动缩小Script可以透过$(window).load(fn)改写得更简单，完全不用担心图档没下载完成时的特殊处理，算是一个很好的应用范例。

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>    
  <title></title>    
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>    <script type="text/javascript">        
   $(function() {            
       alert("ready event!");        
   });        
   $(window).load(function(){            
      alert("load event!");        
  });    
 </script>
 </head>
 <body>
 <img src="http://blender-archi.tuxfamily.org/images/Sky_angmap_4.jpg" />
</body>
</html>

分享到：

豆丁文档下载工具 | 字符串转换为json数据对象

2011-01-26 18:55
浏览 1639
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS - jQuery Event 中 load() 、 ready() 的区别

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS - jQuery Event 中 load() 、 ready() 的区别

评论

发表评论

相关推荐

ueditor编辑器图片上传路径问题

Javascript 类与静态类的实现2

Javascript 类与静态类的实现1

JS实现类拟JAVA中MAP对像的功能

jQuery 多功能无缝滚动插件

解决：在点击用户退出登录时，再按浏览器的后退按钮，仍然能够看到之前的页面

复选框中 单选框 下拉

Jquery append()总结（一）

common-validator 验证框架使用

PhoneGap与android交互及 JQuery Mobile+ iscroll 列表滚动条的实现

iScroll 4 使用详解

js 工具

JS- 清空file(兼容IE,火狐)

【锋利的JQuery】 学习笔记

jQuery加分动画效果示例

web头像上传 裁剪 剪切功能

lhgdialog 弹出窗体插件

jquery 五星评分插件

jQuery formValidator表单验证插件

artDialog 强大弹出窗体插件

最近访客更多访客>>

复选框中单选框下拉

【锋利的JQuery】学习笔记

web头像上传裁剪剪切功能