• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
樊小书生
博客园    首页    新随笔    联系   管理    订阅  订阅

window.onload和$(document).ready()的区别

window.onload和$(document).ready()的区别,如下表所示

  window.onload $(document).ready()
执行时间 在页面所有内容(图片、文件)加载完后执行 页面中所有HTML和css结构加载完之后(不论图片是否加载完成)执行;
如果想要页面所有内容(包括图片)加载完毕,再注册事件,使用
$(window).load(function(){});其等价于window.onload
个数 一个页面中仅允许存在一个,多个的话后面的会将前面的覆盖掉,
如果需要执行多个事件,应该写在同一个里面,例如
window.onload=function(){
事件1;
事件2;
}
同一个页面可以书写多个(jquery里面采用的是addEventListener的注册事件的方法,所以后面的不会将前面的覆盖)
  window.onload是原生js里面的,没有简写方式 $(document).ready(function(){})是jquery里面的,其等价于$().ready(function(){}) 或者 $(function(){})







posted @ 2016-08-18 19:24  樊小书生  阅读(162)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3