正文

$(document).ready() 与 window.onload 之间的区别

IP云
IP云V管理员/7 阅读
07/24
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如：如果给一副图片添加点击事件，window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数：
function one(){
alert('one');
}
function two(){
alert('two');
}

window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了

$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了
$(document).ready() 与 window.onload 之间的区别

1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如：如果给一副图片添加点击事件，window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数：
function one(){
alert('one');
}
function two(){
alert('two');
}

window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了

$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了

随机推荐

  1. 利用H5和ChromiumWebBrowser构建应用

    chromium是google chrome浏览器所采用的内核,最开始由苹果的webkit发展而出,由于webkit在发展上存在分歧,而google希望在开发上有更大的自由度,2013年google决 ...

  2. iOS之UITableView组头组尾视图/标题悬停

    最近笔者在公司的iOS开发中,有一个iOS开发同事跑来问了两个问题:1.给UITableView设置了组头和组尾视图,但是一直显示不出来?2.UITableView的section的header和fo ...

  3. Netty 实现聊天功能

    Netty 是一个 Java NIO 客户端服务器框架,使用它可以快速简单地开发网络应用程序,比如服务器和客户端的协议.Netty 大大简化了网络程序的开发过程比如 TCP 和 UDP 的 socke ...

  4. css 分享之background-attachment 属性

    微分享才发现的css背景图达到的效果代码属性: background-attachment -- 定义背景图片随滚动轴的移动方式: 值 描述 scroll 默认值.背景图像会随着页面其余部分的滚动而移 ...

  5. tomocat设置首次访问时的页面

    怎么设置Tomcat服务器的默认首页(欢迎页) 一般做Java web开发,有时候会选择Tomcat用作服务器,我在本机开发测试用的也是Tomcat,现在有一个问题是,我们都知道当访问一个网站的时候, ...

  6. [转]浅谈jQuery EasyUI的属性设置

    原文地址:http://www.easyui.info/archives/1664.html 对jQuery EasyUI有一定了解的话,应该知道基本上每一个组件都有一个"options&q ...

  7. 【Demo 0011】多媒体播放器

    本章学习要点:       1.  掌握AVAudioPlayer 基本使用;       2.  掌握AVPlayer 基本使用;       3.  掌握系统声音播放以及震动;       4. ...

  8. 提示让IE8以下版本的浏览器去更新浏览器

    需求: 强制让IE进行页面渲染时候,用最新的方式渲染,并提示让IE8以下的版本去更新浏览器并给一个连接地址 那,如何满足? <!DOCTYPE html> <html lang=&q ...

  9. day4 liaoxuefeng---函数式编程

    一.概述: 函数式编程的一个特点就是,允许把函数本身作为参数传入另一个函数,还允许返回一个函数! Python对函数式编程提供部分支持.由于Python允许使用变量,因此,Python不是纯函数式编程 ...

  10. GDB调试指南-变量查看

    前言 在启动调试以及设置断点之后,就到了我们非常关键的一步-查看变量.GDB调试最大的目的之一就是走查代码,查看运行结果是否符合预期.既然如此,我们就不得不了解一些查看各种类型变量的方法,以帮助我们进 ...