domcontentloaded和load的区别（document.ready事件和document.load事件的区别）
本文目录
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--》加载JavaScript和CSS--》加载图片等非文字媒体文件。
只要《img》标签加载完成，不用等该图片加载完成，就可以设置图片的属性或样式等。
在原生JavaScript中没有Dom ready的直接方法。
document.load：
文档加载的顺序：域名解析--》加载HTML--》加载JavaScript和CSS--》加载图片等非文字媒体文件。
DOM load在加载图片等非文字媒体文件之后，表示在document文档加载完成后才可以对DOM进行操作，document文档包括了加载图片等非文字媒体文件。
例如，需要等该图片加载完成，才可以设置图片的属性或样式等。
在原生JavaScript中使用onload事件。
扩展资料
$(document).ready()和传统的方法《body onload=”load()”》 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载。
而$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快。
Javascript 只有在DOM元素已经定义以后才可以对其执行某种操作，jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。
事件DOMContentLoaded和load的区别
他们的区别是，触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。DOM文档加载的步骤为解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load在第4步，会触发DOMContentLoaded事件。在第6步，触发load事件。用原生js可以这么写***隐藏网址***document.addEventListener("DOMContentLoaded", function() {// ...代码...}, false);window.addEventListener("load", function() {// ...代码...}, false);用jQuery这么写// DOMContentLoaded$(document).ready(function() {// ...代码...});//load$(document).load(function() {// ...代码...});
英语中“load”与“loading”有什么区别
load n.负荷 担子, 负载物, 车等所载的重量; 负担; 重任, 工作量 许多, 大量, 一大堆负载(量), 发电量; 电力输出, 电力消耗 充填, 装药,vt. 装填, 使担负vi. 装货, 装弹药，装料loading 下载中
在海运中，提单上有 port of loading, 以及bill of lading. Load 指装船，柜子装上船的这个动作， port of loading是指柜子装上大船的港口。 Lading是指装载的货物， 因为bill of lading就是装载货物的提货证明，也就是提单。
更多文章：
2024年6月23日 06:42
2024年6月17日 20:15
win10电脑提速20倍只需这4步（如何让win10系统电脑运行更快）
2024年8月12日 01:25
光荣使命军用版下载（求个光荣使命军用升级版激活码，或者有使命方法破解吗）
2024年6月24日 05:43
2024年5月15日 10:59
2024年6月28日 00:40
网上可以看剧网是什么，怎么查看？很容易上去的看剧网在登的时候忘记了密码，怎么办
2024年6月29日 04:50
2024年9月10日 13:45
2024年6月2日 00:31
2024年10月5日 17:55
安智市场2021最新版下载（a3平板电脑怎么重新下载安智市场软件）
2024年9月4日 03:15
2024年7月11日 23:29
安卓手机一键root软件下载（一键Root大师的Android版）
2024年9月26日 14:22
2023年5月28日 18:00
百度网址大全网址导航（有哪些比较好的网址导航，大家推荐一下）
2024年7月6日 12:00
2024年7月1日 20:03
lsdx格式是什么软件保存的？lsdx标签文件是用WPS打开
2024年7月22日 15:33
2024年8月14日 11:46
2023年10月16日 14:00
2024年5月26日 10:26
