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 相关文章推荐
javascript中获取选中对象的类型
Apr 02 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 Javascript
js获取当前页面路径示例讲解
Jan 08 Javascript
JavaScript省市级联下拉菜单实例
Feb 14 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
详解vue跨组件通信的几种方法
Jun 15 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
在vue项目中,使用axios跨域处理
Mar 07 Javascript
详解vue中localStorage的使用方法
Nov 22 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 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
php实现的click captcha点击验证码类实例
2014/09/23 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
JS实现重新加载当前页面或者父页面的几种方法
2016/11/30 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
jQuery操作css样式
2017/05/15 jQuery
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
2018/09/04 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
Windows下安装python2.7及科学计算套装
2015/03/05 Python
Python中的下划线详解
2015/06/24 Python
在Python的Django框架中生成CSV文件的方法
2015/07/22 Python
Python实现对象转换为xml的方法示例
2017/06/08 Python
Django内容增加富文本功能的实例
2017/10/17 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
python爬虫之自动登录与验证码识别
2020/06/15 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
澳大利亚拥有最好的家具和家居用品在线目的地:Nestz
2019/02/23 全球购物
大课间活动制度
2014/01/18 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
个人授权委托书格式
2014/08/30 职场文书
初中生300字旷课检讨书
2014/11/19 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
检察院起诉意见书
2015/05/20 职场文书
致运动员的广播稿
2015/08/19 职场文书
《花钟》教学反思
2016/02/17 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis
Python字符串的转义字符
2022/04/07 Python
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL