document.ready(document.ready和window.onload)
document.ready和onload的区别
document.ready和onload的区别为：加载程度不同、执行次数不同、执行速度不同。
一、加载程度不同
1.document.ready：在DOM加载完成后就可以可以对DOM进行*作。一般情况一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。那么DomReady应该在“加载js和css”和“加载图片等其他信息”之间，就可以*作Dom了。
2.onload：在document文档加载完成后就可以可以对DOM进行*作，document文档包括了加载图片等其他信息。那么Dom Load就是在页面响应加载的顺序中的“加载图片等其他信息”之后，就可以*作Dom了。
二、执行次数不同
1.document.ready：document.ready可以写多个.ready，可以执行多次，第N次都不会被上一次覆盖。
2.onload：onload只能执行一次，如果有多个，那么第一次的执行会被覆盖。
三、执行速度不同
1.document.ready：onload除了要等待DOM被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在onload*上的代码在执行时有明显的延迟。
2.onload：document.ready函数只需对 DOM树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。
JS 页面加载触发* document.ready和onload的区别
一、使用时机不同
1、onload：当用户进入页面时就会触发。
2、document.ready：是当DOM载入就绪可以查询及*纵时绑定一个要执行的函数。
二、作用不同
1、onload：*常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。
2、document.ready：是对向window.load*注册*的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并*纵时立即调用所绑定的函数。
三、作用不同
1、onload：常被用来处理用户进入或离开页面时所建立的 cookies。
2、document.ready：是*模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。
参考资料来源：百度百科-J*ascript*
参考资料来源：百度百科-ready(fn)
$(document).ready()的区别
$(document).ready(…)和 window.onload*虽然具有类似的效果，但是，它们在触发*作的时间上存在着微妙的差异。
window.onload
当一个文档完全下载到浏览器中时，会触发 window.onload*。这意味着页面上的全部元素对 j*ascript而言都是可以访问的，这种情况对编写功能性的代码非常有利，因为无需考虑加载的次序。
$(document).ready()
通过$(document).ready()注册的*处理程序，则会在 DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的，但是，缺不意味着所有关联的文件都已经下载完毕。换句话说，当 HTML下载完成并解析为 DOM树之后，代码就可以运行。
document.ready*和document.load*的区别
1、概念
document.ready：
是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；
document.load：
是onload，指示页面包含图片等文件在内的所有元素都加载完成。
2、作用
document.ready：
在DOM加载完成后就可以可以对DOM进行*作。
一般情况一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。
那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以*作Dom了。
document.load：
在document文档加载完成后就可以可以对DOM进行*作，document文档包括了加载图片等其他信息。
那么Dom Load就是在页面响应加载的顺序中的“加载图片等其他信息”之后，就可以*作Dom了。
3、加载顺序
document.ready：
文档加载的顺序：域名解析–>加载HTML–>加载J*aScript和CSS–>加载图片等非文字媒体文件。
只要<img>标签加载完成，不用等该图片加载完成，就可以设置图片的属性或样式等。
在原生J*aScript中没有Dom ready的直接方法。
document.load：
文档加载的顺序：域名解析–>加载HTML–>加载J*aScript和CSS–>加载图片等非文字媒体文件。
DOM load在加载图片等非文字媒体文件之后，表示在document文档加载完成后才可以对DOM进行*作，document文档包括了加载图片等非文字媒体文件。
例如，需要等该图片加载完成，才可以设置图片的属性或样式等。
在原生J*aScript中使用onload*。
扩展资料
$(document).ready()和传统的方法<body onload=”load()”>相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载。
而$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快。
J*ascript只有在DOM元素已经定义以后才可以对其执行某种*作，jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。
jQuery*详解之$(document).ready()
在页面加载结束后，浏览器会通过js为dom元素添加*。原生的js中使用 window.onload方法;在JQ中使用$(document).ready()。这个方法在dom载入就绪时对其进行*纵并调用执行它所绑定的函数。
那么它和window.onload有何不同呢？
window.onload是在网页中所有元素加上所有资源++完全加++载到浏览器后才执行。
而$(document).ready()中绑定的*是在 dom完全就绪时就可以被调用，此时对于jQuery来说都是可以被访问的（关联的资源可能并没有被加载完毕）。
举个例子来说，在$(document).ready()中定义了图片的宽高，但由于此时图片还没有被加载完毕，此时的宽高不会生效。要解决这个问题可以使用jQuery中的 load()方法。
load()方法会在元素的onload*中绑定一个处理函数，如果该处理函数绑定给window对象，则会在所有资源加载完毕后触发，如果load绑定在元素上则会在该元素加载完毕后触发。
既然window.onload比较完备为什么还要用jQuery中的$(document).ready()呢？
window.onload*每次只能保存对一个函数的引用，他会覆盖掉之前的函数，所以不能再现有行为上添加新的行为。如果引用了多个js文件，每个都需要window.onload方法就导致编码复杂。
使用$(document).ready()方法能够很好地解决这种问题，每次调用$document.ready()方法都会在现有行为上追加新的行为，这些行为会根据注册顺序依次执行。
本文链接：http://www.yangwm.com/html/87965083.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
重庆人力资源与社会保障网*，四川人力资源和社会保障局*
重庆人力资源和社会保障局* 重庆人力资源和社会保障局主要职能 第一条根据*的*精神、十九届三中全会审议通过的《*关于深化*和*机构改革的决定》《深化*和*机构改革方案》和*、*批准的《重庆市机构改革方案》，制定本规定。 第二条重庆市人力资源和社会保障局（以下简称市人力社保局）是市*组成部门，为正局级。 &…
-
江油招聘信息 2021年上半年四川绵阳江油市公开招聘中小学教师公告【45人】
江油外国语英语老师工资多少 每月3000元。根据江油外国语学校招聘信息查询，英语老师工资为每月3000元。江油外国语学校由江油市华丰投资*有限*出资兴建，集小学、初中、高中三部一体，致力打造一所“新体制，高起点；新思想、高标准；新品质、高质量”的寄宿制民办学校。 江油天宜上佳好进不 不好进，招聘比较严格。 1、江油天宜上佳*每天工作时间短为7小时，工资为90…
-
工银全球基金净值 工银成长481004基金净值
工银瑞信互联网加股票的净值工银瑞士瑞信银行互联网加股票型证券投资基金成立于2015年6月5日，业绩比较基准为“中证800指数*80.00%中债-综合指数*20.00%”。本基金成立以来收益-58.60%，今年以来收益4.55%，上月收益-10.00%，最近一年收益22.49%，最近三年收益-6.76%。在过去一年中，本基金一直处于同一类别(104/718)，…
-
恶霸犬* 恶霸犬的智商排名
恶霸犬什么颜色最值钱这类犬种中蓝色最值钱。 恶霸犬中蓝色最值钱的原因是蓝色的恶霸犬品相好的较少，物以稀为贵，所以价格较贵。 恶霸犬是美国犬种之一，其原产于美国，性格自信，但不过分活跃，耐心、友善、宽容；对主人温顺依赖，对小朋友有超强的忍耐性和包容性。恶霸犬的智商比较高，所以也可以训练完成各种任务。 恶霸犬*一只 恶霸犬的价格受地区、血统、级别和品相的影响。地…
-
家电品牌加盟？清洗家电加盟费
品牌小家电加盟前景怎么样,小家电代理哪个品牌好,小小家电行业发展潜力巨大时尚与健康成为发展新趋势 全球小家电细分品类占比统计分析 从全球小家电行业的各类占比情况来看，厨卫小家电占65.1%，家居小家电占22.9%，个人护理小家电占12.0%。而在*小家电行业中，厨卫小家电销售额占76.2%，家居类小家电占13.1%，个人护理类占10.7%。因此，无论是全球还…
-
万古第一龙小说，万古第龙
万古第一神龙天子怎么*的一直没*。 在268章境域之战就已经打*泷天子一次了，不过因为他是主角之一后面几章又复活重生了。 万古第一神简介：李天命做梦都要笑醒了。他家的宠物，竟然都是传说中的太古混沌巨兽。他的家鸡，是以太阳为食的永恒炼狱凤凰。他的黑猫，是以雷霆炼化万界的太初混沌雷魔。 所有关于龙的玄幻小说 《万古第一龙》天阶龙脉？弑天武脉？异种武脉？̷…
-
鞍山市人事考试网(鞍山市公务员考试日期及报名日期)
2019年辽宁省考试录用公务员公告 根据《**公务员法》《公务员录用规定（试行）》《辽宁省公务员录用工作办法》，辽宁省公务员局决定组织实施2019年度省、市、县、乡四级机关〔含参照公务员法管理机关（单位），下同〕考试录用担任一级主任科员以下及其他相当职级层次公务员工作，现将有关事项公告如下。 一、报考的基本条件 （1）具有**国籍； （2）18周岁以上、35…
-
平桥房屋出租 我想在附近租房子
_河区可以办平桥区的暂住证吗 不可以 法律分析：居住证无法跨区办理的，公民可以带上有效的身份证原件以及相关资料到居住地所属的派出所或者社区机构申请办理，不存在跨区办理居住证的情况。 法律依据：《居住证暂行条例》第九条申领居住证应当向居住地*派出所或者受*机关委托的社区服务机构提交本人居民身份证、本人相片以及居住地住址、就业、就读等证明材料。 居住地住址证明包…
-
阎良租房信息？阎良租房短租
阎良公租房申请条件申请人年满18周岁，在主城区有稳定工作和收入来源，具有租金支付能力，符合*规定收入限制的无住房人员、家庭人均住房建筑面积低于13平方米的住房困难家庭，申请人收入和财产状况要满足公租房申请的条件，申请人在申请地有户口或外来人员需要有申请地的居住证，申请人在申请地有稳定的工作和收入来源，申请人在申请地有依法缴纳社保等。在本地无住房或者住房面积低…
-
吕梁租房信息，2020年,山西吕梁柳林县公租房要哪些条仵才能使用
吕梁市离石区有日租房吗 有。根据查询百度地图显示，吕梁市离石区新汽车站附近，将心比心短租公寓，豪华电脑标间58元。酒店式公寓介绍公寓配置：全新海尔全自动6.5公斤洗衣机，动力强劲，容量大，从此洗衣服没有烦恼。全新海尔80升电热水器，随时洗恒温热水澡，恒温、匀速。 吕梁公租房申请条件是什么含义 吕梁公租房申请条件是什么？凡年满18周岁，在主城区工作的本市无住房…
.jpg "鞍山市人事考试网(鞍山市公务员考试日期及报名日期)")
