window.onload与$(document).ready()的区别分析


Posted in Javascript onMay 30, 2015

本文实例讲述了window.onload与$(document).ready()的区别。分享给大家供大家参考。具体分析如下:

window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片);
而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些;

比如举个简单的例子:

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

根据上面的意思,结果只能输出“I am No.2”

而换成:

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

结果输出 I am  No.1  ,I am No.2

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
浅析document.ready和window.onload的区别讲解
Dec 18 Javascript
学习JavaScript设计模式之策略模式
Jan 12 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
ajax实现动态下拉框示例
Jan 10 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
Feb 06 Javascript
vue实现动态显示与隐藏底部导航的方法分析
Feb 11 Javascript
vue 插件的方法代码详解
Jun 06 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
vue视频播放插件vue-video-player的具体使用方法
Nov 08 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
微信小程序实现滑动操作代码
Apr 23 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 Javascript
JQuery给网页更换皮肤的方法
May 30 #Javascript
jQuery实现给页面换肤的方法
May 30 #Javascript
js获取滚动距离的方法
May 30 #Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 #Javascript
Javascript实现div层渐隐效果的方法
May 30 #Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 #Javascript
Jquery解析json字符串及json数组的方法
May 29 #Javascript
You might like
DC动漫人物排行
2020/03/03 欧美动漫
比较全的PHP 会话(session 时间设定)使用入门代码
2008/06/05 PHP
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
浅谈PHP中其他类型转化为Bool类型
2016/03/28 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
js模仿java的Map集合详解
2016/01/06 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
浅谈JavaScript对象与继承
2016/07/10 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
在Tensorflow中查看权重的实现
2020/01/24 Python
python中实现栈的三种方法
2020/12/19 Python
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
俄罗斯鲜花递送:AMF
2020/04/24 全球购物
英国运动风奢侈品购物网站:Maison De Fashion
2020/08/28 全球购物
音乐专业应届生教师求职信
2013/11/04 职场文书
员工工作自我评价
2014/09/26 职场文书
今日说法观后感
2015/06/08 职场文书
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers