document.ready(document.ready和window.onload)
$(document).ready()的区别
$(document).ready(…)和 window.onload*虽然具有类似的效果，但是，它们在触发*作的时间上存在着微妙的差异。
window.onload
当一个文档完全下载到浏览器中时，会触发 window.onload*。这意味着页面上的全部元素对 j*ascript而言都是可以访问的，这种情况对编写功能性的代码非常有利，因为无需考虑加载的次序。
$(document).ready()
通过$(document).ready()注册的*处理程序，则会在 DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的，但是，缺不意味着所有关联的文件都已经下载完毕。换句话说，当 HTML下载完成并解析为 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()方法都会在现有行为上追加新的行为，这些行为会根据注册顺序依次执行。
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元素被加载完成的情况下执行。
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的区别
在Jquery里面，我们可以看到两种写法:$(function(){})
和$(document).ready(function(){})
这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。
而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比window.onload先执行。
那么Jquery里面$(document).ready函数的内部是怎么实现的呢？下面我们就来看看：
我们来为document添加一个ready函数：
document.ready
=
function
(callback)
{
///兼容FF,Google
if
(document.addEventListener)
{
document.addEventListener('DOMContentLoaded',
function
()
{
document.removeEventListener('DOMContentLoaded',
arguments.callee,
false);
callback();
},
false)
}
//兼容IE
else
if
(document.attachEvent)
{
document.attachEvent('onreadytstatechange',
function
()
{
if
(document.readyState
==
“complete”)
{
document.detachEvent(“onreadystatechange”,
arguments.callee);
callback();
}
})
}
else
if
(document.lastChild
==
document.body)
{
callback();
}
}
document.ready这个函数是实现了。我们再来验证一下最上面所说的“ready要比onload先执行”：
window.onload
=
function
()
{
alert('onload');
};
document.ready(function
()
{
alert('ready');
});
执行这段代码之后，你会看到浏览器里面会先弹出“ready”,在弹出onload。
这个大家还是亲手试试吧！
=============================
以上来信息源于百度搜索。。。总的来说ready比onload要先触发
本文链接：http://www.kkyx8.com/html/87961252.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
广州到重庆的火车票，广州到东莞东的火车
广州到重庆火车票价格2015年广州到重庆的火车班次及软卧、硬卧、硬座的票价如图。 最便宜就硬座，硬座票中最便宜的价格198元。 买学生票，只能是你学校所在地到你家所在地区间的车票。其他出发地和目的地是买不到学生票的。 进站的时候铁路工作人员会验证身份证和学生证。在火车上乘务员有时也会查票的，如果买的学生票，也会比对学生证的。 广州到重庆的卧铺火车票*一张 广…
-
本科人才培养方案？新乡医学院本科人才培养方案
职业本科专业人才培养方案有哪些职业本科专业人才培养方案有培养目标、课程设置、教学模式、实践环节、毕业论文、质量保障等。 1、培养目标：职业本科专业人才培养方案首先要明确培养目标和培养方向，要符合*和行业的人才需求，以及毕业生所需的职业发展和个人需要。 2、课程设置：职业本科专业人才培养方案应当明确专业课程、公共课程和选修课程的设置及学分要求，确保学生成为行业…
-
苏阳林楚依小说免费阅读 苏阳叶倾城四胞胎免费无弹窗
林楚依苏阳的小说叫什么名字《超绝英豪》。 这些角色是作者君天写的一部小说，叫做《超绝英豪》。主要讲述的是：入赘两年，所有人都以为他是个废物，可以将他踩在脚底下，直到离婚那天，才知道，他竟然富可敌国，权倾天下！ 精彩内容赏析： 男人名叫苏阳，在他面前，是一沓a4纸。“离婚协议”四个大字跃然纸上。苏阳拿起笔，刷刷签上了自己的名字。 “你都不看看协议内容？”林楚依…
-
奔驰*官方网站，奔驰* 所有车型价格
奔驰在*有几个工厂3个工厂。 1、第一个生产基地位于北京，是奔驰在*的首个生产基地，建成于2005年。 2、第二个位于南京，建成于2014年。该工厂占地面积达到了250，000平方米，是奔驰在全球最大的工厂之一。 3、第三个生产基地位于广州，建成于2019年。该工厂占地面积达到了500，000平方米，是奔驰在*最新的工厂之一。 请问奔驰*客服电话号码是多少 …
-
出国定制旅游，出国高端旅游网
私人定制旅行社旅行社定制团摘要[定制游收费多少] 一、定制旅游怎么收费 日本JTB收费：日本国内旅游咨询30分钟2160日元(约合人民币136元)起，之后每30分钟收费2160日元；出境游咨询起价5400日元(约合人民币340元)，持续30分钟，之后每30分钟收费3240日元(约合人民币240元)。自咨询之日起10日内报名旅游，咨询费可冲抵旅行团费用。 高端…
-
想要据为己有小说(《据为己有(高干)》txt下载在线阅读全文,求百度网盘云资源)
求 小说 据为己有txt格式 《据为己有》百度网盘txt最新全集下载； 链接: *pan.baidu*/s/1I2odONM55Uwyg9f4OSwXSQ提取码: ski6 在今夏的心头，一直有朵叫陈之城的白莲花，而陆川觉着，这朵白莲花该要拦腰折断—这其实是由愉悦的包养关系所引发的JQ…本书原名《甜性涩爱》，内容标签：都市情缘、高干、…
-
贵州大学就业信息，贵州大学保研率
贵州大学毕业生就业市场在哪里贵州大学毕业生就业市场在哪里介绍如下： 一号多媒体室。 贵州大学（Guizhou University），简称“贵大”，位于贵州省贵阳市，是教育部与贵州省人民*“以部为主、部省合建”高校，是*“双一流”建设高校、“211工程”重点建设高校、“一省一校”重点建设高校，入选*“2011计划”、“111计划”、**奖学金来华留学生接收院…
-
蓝光手游大师？蓝光云手机服务平台
哪位大神能教我如何安装蓝光手游大师1、蓝光手游大师怎么安装游戏及应用 蓝光安卓引擎正常完成安装以后，一般都会默认关联到所有的安卓工具和游戏应用，也就是我们常说的apk文件。蓝光手游大师提供了游戏下载和玩家自己安装本地apk两种方式。详细可查看2L内容。 2、蓝光手游大师无法安装游戏 无法安装游戏通常是因为蓝光安卓引擎无法启动，可以先检测蓝光安卓引擎是否可以正…
-
1987年现在多大了 1987年属兔的今年几岁
87年多少岁今年是2022年，1987年的年龄是35岁。 根据题意列算式： 2022-1987 =2000+22-1990+3 =10+22+3 =32+3 =35 所以1987年的年龄是35岁。 减法运算性质： ①一个数减去两个数的和，等于从这个数中依次减去和里的每一个加数。例如：134-(34+63)=134-34-63=37。 ②一个数减去两个数的差，…
-
免费二手车评估，二手车评估师怎么收费评估一次*
二手车评估的评估方法 我国对二手车评估还没有统一的标准，二手车估价方法主要参照资产评估的方法，主要按照以下五种方法进行：重置成本法、收益现值法、现行市价法、清算价格法、快速折旧法 一、重置成本法 重置成本法是指在现时条件下重新购置一辆全新状态的被评估车辆所需的全部成本（即完全重置成本。简称重置全价），减去该被评估车辆的各种陈旧贬值后的差额作为被评估车辆现时价…
》txt下载在线阅读全文,求百度网盘云资源).jpg "想要据为己有小说(《据为己有(高干)》txt下载在线阅读全文,求百度网盘云资源)")
