$(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 都谈出来了
$(document).ready() 与 window.onload 之间的区别

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

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

随机推荐

VS.Net 2015 Update3 学习(1) 支持Webpack
让vs.net 编译的时候自动执行webpack 首先管理员模式下打开 “Developer Command Prompt for VS2015", 是管理员模式啊! 然后进入 cd c: ...
学习UFT11.5历程(二)
1. QTP对象TO与RO TO: test object. 本地对象库里的封装对象 RO:run object. 运行封装对象和TO.RO相关的几个函数有: GetTOProperty(“属性名” ...
(十五)ioctl、ifreq、ifconf
ioctl操作传统上ioctl函数是用于那些普遍使用,但不适合归入其他类别的任何特性的系统接口.Posix去掉了ioctl,它通过创建特殊的其功能已被Posix标准化的包裹函数来代替ioct ...
qt开源社区学习
http://bbs.qter.org/forum.php?mod=forumdisplay&fid=52
个人评测——K米
K米APP案例分析关于 K米 -- 的案例分析产品 K米的APP (全国KTV点歌,手机直播,互动,交友,预订)的Android客户端第一部分调研,评测评测: 软件的bug,功能评测,黑箱测 ...
ngui中代码调用按钮事件(后来改成了按钮绑定键盘..)
ngui中代码调用按钮事件好烦人啊这个问题, 我弄完发上来这个问题解决了一半发现可以用按钮绑定来解决这个问题,并且更安全方便快速直接在按钮上添加一个 key binding 指定按键搞定 ...
计时器js
<html> <head> <meta http-equiv="Content-Type" content="text/html ...
js数组倒叙输出
第一种:是直接利用代码进行输出 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g ...
MyBatis总结（一）
一.创建测试项目工程二.导包(一个myBatis所需的包,以及一个数据库操作的包) 三.创建实体类四.配置文件的建立(最佳命名为(SqlMapConfig.xml)) <?xml versi ...
常用备份工具是mysql自带的mysqldump
常用备份工具是mysql自带的mysqldump,mysqldump -u root -p密码 dbname >d:\test.sql ------------备份某个库mysqldump -u ...

秒客网

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

随机推荐

相关文章