DOMContentLoad和Load区别

最新推荐文章于 2023-10-16 15:29:19 发布
最新推荐文章于 2023-10-16 15:29:19 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： js相关 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaochuanpei/article/details/105352699
版权

区别

具体区别已经有很多人去详细讲述了，简单来说：
DOMContentLoad是HTML Dom结构完成时触发，相当于jquery.ready。
Load是页面整体完成时触发，即所有加载资源与js脚本执行完毕后触发，相当于jquery.load。
用一张图即可看出区别，chrome的network截图。其中蓝线为DOMContentLoaded完成时间点，红线为Load完成时间点
network截图

DOMContentLoaded的使用及替代方法

每个对象都有readyState值，可分为5个状态uninitialized、loading、loaded、interactive、complete。
对于document.readyState，通过readystatechange事件绑定测出含有三个状态，分别为loading、interactive、complete。
complete状态相当于DOMContentLoad状态，因此可进行替代。

doScroll是IE9及以下IE浏览器Node节点的特有属性

最低0.47元/天 解锁文章
G&C
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Hiernate里get和load的区别
12-14
Hiernate里get和load的区别： 实体类: public class Book {//省略get和set方法 private Integer id; private String name; private String author; private Double price; } 测试类： @Test public void test01(){ /...
DOMcontentload与load
four_lemmo的博客
04-15 8155
简介：DOMContentLoaded与load简介DOMContentLoaded事件在页面文档加载解析完毕之后马上执行。而不会等待图片文件和子框架页面的加载onloadload事件会在页面所有资源被加载进来之后才会触发load事件。load时间在DOMContentLoaded事件触发之后兼容性onload事件所有浏览器都支持，DOMContentLoaded事件，高级浏览器均支持E6、IE7...
DOMContentLoaded与load的区别
黛琳ghz的博客，期待你的关注。
12-28 329
DOMContentLoaded顾名思义，就是dom内容加载完毕。那什么是dom内容加载完毕呢？我们从打开一个网页说起。当输入一个URL，页面的展示首先是空白的，然后过一会，页面会展示出内容，但是页面的有些资源比如说图片资源还无法看到，此时页面是可以正常的交互，过一段时间后，图片才完成显示在页面。从页面空白到展示出页面内容，会触发DOMContentLoaded事件。
「深入探究Web页面生命周期：DOMContentLoaded、load、beforeunload和unload事件」
最新发布
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
10-16 3910
页面生命周期的四个重要事件：DOMContentLoaded、load、beforeunload 和 unload，定义了页面从加载到卸载的不同阶段。这些事件可以帮助我们在合适的时机执行相关的操作，提供更好的用户体验和数据处理。DOMContentLoaded 事件在 HTML 和 DOM 树加载完成后触发，适用于执行与 DOM 相关的初始化操作。load 事件在整个页面及其外部资源加载完成后触发，适用于执行与页面渲染和交互相关的操作。
DOMContentLoaded
热门推荐
安歌
01-28 1万+
DOMContentLoaded简介 1、概念 MDN解析：当初始HTML文档已完全加载和解析时，将触发DOMContentLoaded事件，而不需要等待样式表，图像和子框架页面加载（事件可以用来检测HTML页面是否完全加载完毕(fully-loaded)）。 2、HTML解析过程与DOMContentLoaded触发时机 1） 既无js也无css的情况下，HTML文档的解析过程： 由图可见...
alert 返回页面 刷新_详解 HTML 页面原生的生命周期事件
weixin_39719042的博客
12-24 451
DOMContentLoaded，load，beforeunload，unloadHTML 页面的生命周期包含三个重要事件：DOMContentLoaded —— 浏览器已完全加载 HTML，并构建了 DOM 树，但像 和样式表之类的外部资源可能尚未加载完成。load —— 浏览器不仅加载完成了 HTML，还加载完成了所有外部资源：图片，样式等。beforeunload/unload ...
hibernate中get和load的区别共5页.pdf
10-29
标签“hibernate中get和lo”暗示了标签可能被意外截断，但我们可以推断完整标签可能是“hibernate中get和load的区别”。 在实际开发中，选择使用`get`还是`load`取决于具体需求。如果需要立即从数据库中获取对象，...
javascript ready和load事件的区别示例介绍
10-26
ready是在DOM加载完成就触发；load是在加载完所有页面内容才会触发，下为大家简要介绍下，不知道的朋友可以参考下
hibernate中get和load方法的区别
04-20
在Java的持久化框架Hibernate中，`get`和`load`方法都是用于从数据库中获取对象，但它们之间存在一些重要的区别。理解这些差异对于优化应用程序的性能和避免潜在问题至关重要。 首先，`get`方法是直接从数据库中...
DOMContentLoaded和load
AnitaSun的博客
12-08 1774
概述 load事件：load 应该仅用于检测一个完全加载的页面 当一个资源及其依赖资源已完成加载时，将触发load事件。也就是说，页面的html、css、js、图片等资源都已经加载完之后才会触发 load 事件 DOMContentLoaded事件：当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。也就是说，DOM 树已经构建完毕就会触发 DOMContentLoaded 事件 js 阻塞了什么 因为js在执行的过程
事件DOMContentLoaded和load的区别
酒肉猿
06-20 1060
他们的区别是，触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。DOM文档加载的步骤为1.解析HTML结构。 2.加载外部脚本和样式表文件。 3.解析并执行脚本代码。 4.DOM树构建完成。//DOMContentLoaded 5.加载图片等外部文件。 6.页面加载完毕。//load在第4步，会触发DOMContentLoaded事件。在第6步，触发load
DOMContentLoaded和Load
sinat_32490761的博客
08-27 242
一：DOMContentLoad和Load在什么时候被触发？ 二：我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，为什么这种方式能够优化性能？ 三：在jQuery中，我们一般将函数调用写在ready方法内，这是为什么？ 首先我们来思考，当我们输入一个页面地址时，究竟发生了什么？ 1.浏览器先下载该地址对应的html页面 2.浏览器解析页面中的dom元素 3.开启下载线程...
DOMContentLoaded与load的区别、触发时机
包磊磊的博客
05-18 6751
一、DOMContentLoaded 与 load 事件 关于 DOMContentLoaded 和 load 事件，MDN对他们是这样描述的：DOMContentLoaded 文档地址、load 文档地址。 DOMContentLoaded 意思就是：当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。 load 意思就是：当一个资源及其依赖资源已完成加载时，将触发 load 事件。 区别小结 简而言之，二者
DOMContentLoad和load
baiweng1957的博客
02-27 395
　　我们在浏览器输入网址后，浏览器会向服务器发送请求，服务器将请求的HTML文档发送回浏览器，浏览器将文档下载下来后，便开始从上到下解析，解析完成之后，会生成DOM。如果页面中有css，会根据css的内容形成CSSOM，然后DOM和CSSOM会生成一个渲染树，最后浏览器会根据渲染树的内容计算出各个节点在页面中的确切大小和位置，并将其绘制在浏览器上。 　　在页面加载解析html的时...
DOMContentLoad
luqingxuan
04-28 267
  https://blog.csdn.net/fgdfgasd/article/details/51484707
defer和async
qq_43812731的博客
11-11 755
浏览器渲染原理 HTML 文档被加载和解析完成之前，浏览器做了哪些事情呢？那我们需要从浏览器渲染原理来谈谈。 浏览器向服务器请求到了 HTML 文档后便开始解析，产物是 DOM（文档对象模型），到这里 HTML 文档就被加载和解析完成了。如果有 CSS 的会根据 CSS 生成 CSSOM（CSS 对象模型），然后再由 DOM 和 CSSOM 合并产生渲染树。有了渲染树，知道了所有节点的样式，下面便根据这些节点以及样式计算它们在浏览器中确切的大小和位置，这就是布局阶段。有了以上这些信息，下面就把节点绘制到浏览
js domcontentloader
胡世林的博客
07-13 658
jq $(function)原型 domcontentloader
js事件DOMContentLoaded与load
到达的专栏
10-18 4071
浅谈script标签中的async（异步脚本）和defer（延迟脚本）属性：https://www.cnblogs.com/jiasm/p/7683930.html (1)chrome浏览器中，看到network网络面板中有DOMContentLoaded与load两个数值，分别对应网络请求上相应标志线，这两个时间数值分别代表？ (2)一再强调将css放在头部，将js文件放在尾部(如：&l...
再谈一下DOMContentLoad事件
专栏已毁弃，暂时迁移至：http://jindw.javaeye.com
06-23 385
这个问题算是个老问题了。 所以，标题加上一个再字。 我主要说一下模拟这个事件时候容易出现的问题。 对于FF，Opera9，原生DOMContentLoad支持，就不说了，最头疼的是IE。 我最初考虑这个问题的时候，想到的是document的readyState属性。 偷窥一下Dojo的源码，发现它也是基于这个属性去做的，那时，我基本就认准了这个方法。 于是再后来JSI1和JSI...
hibernate中get和load区别
03-30
Hibernate中get和load都是用于获取持久化对象的方法，但它们有一些区别： 1. 对象不存在时的处理方式： - get方法如果对象不存在，返回null； - load方法如果对象不存在，抛出ObjectNotFoundException异常。 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值