DOM文档加载顺序及readyState的状态

最新推荐文章于 2021-05-31 20:36:36 发布
最新推荐文章于 2021-05-31 20:36:36 发布
阅读量1.9k 收藏
点赞数 1
分类专栏： web前端 文章标签： dom readyState 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luofeng457/article/details/70209973
版权

readyState共有五种状态，分别是：

  • uninitialized：初始状态
  • loading：document加载中
  • loaded: document加载完成
  • interactive：已加载并可与用户交互，但还需要加载图片等其他资源
  • complete：全部资源加载完成

DOM文档加载顺序：

  1. 解析HTML结构
  2. 加载外部脚本和样式表文件(loading)
  3. 解析并执行脚本
  4. DOM树构建完成（readyState：interactive）
  5. 加载外部资源文件（图片等）
  6. 页面加载完成（readyState：complete）

IE浏览器的最终状态有时候只到loaded而不会到complete，有时候也可能直接跳过loaded直接到达complete状态。

Neil-
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Mr.J-- jQuery学习笔记(二十五)--监听DOM加载
Lawless
06-28 488
页面元素 <body> <div></div> <div></div> <div></div> <div></div> </body> onload和DOMContentLoaded对于DOM事件加载的区别 onload事件会等到DOM元素加载完毕, 并且还会等到...
DOM的加载过程
Compromise_的博客
08-16 1111
构建dom树：html解析器
HTML DOM readystate
Yu_xiaoji的博客
10-17 277
document.readyState 返回当前文档的状态 uninitialize 还未开始加载 loading 载入中 interactive 已加载，可以与用户进行交互 complete 载入完成 通过onreadystatechange事件监听readyState值 DOMContentLoaded （MDN解释：当初始的 HTML 文档被完全加载和解析完成之后，DOMCont...
HTML DOM readyState 属性
xuxiaoping1989的博客
02-23 636
readyState 属性返回当前文档的状态（载入中……）。 该属性返回以下值: uninitialized - 还未开始载入 loading - 载入中 interactive - 已加载，文档与用户可以开始交互 complete - 载入完成 语法 document.readyState 浏览器支持 Internet ExplorerFirefoxOperaG
关于readyState
前端说
06-27 612
DOM readyState uninitialized 还未开始载入 loading 载入中 interactive 已加载 complete 载入完成 ajax readyState 0 (Uninitialized): The object has been created but the open() method hasn’t been called. 1 (Loading): The
javascript按顺序加载运行js方法
10-18
JavaScript 是一种广泛使用的客户端脚本语言，常用于网页交互和动态内容...对于有依赖关系的脚本，务必保证它们的加载顺序，以防止因依赖未加载而导致的错误。同时，优化加载策略以提高页面性能，避免不必要的阻塞。
js异步加载的三种解决方案
10-27
需要注意的是，`defer`不适用于内联脚本，也不适用于那些依赖于`document.write`或其他在文档加载过程中修改文档结构的脚本。 示例： ```html <script type="text/javascript" src="script.js" defer="defer"></...
多种方法实现当jsp页面完全加载完成后执行一个js函数
10-26
同时，为了确保在DOM解析完成时也能执行该函数，代码中还包含了一个检查`document.readyState`的条件，如果状态已经是“complete”，则立即执行`openTheIndexPage()`。 2. **在`<body>`标签的`onload`属性中指定...
ajax 基础教程大合集
12-17
- **Document Object Model**：DOM是HTML和XML文档的结构表示，Ajax获取到数据后，需要通过DOM操作将新数据插入到页面中。JavaScript提供了多种操作DOM的方法，如getElementById(), getElementsByClassName(), ...
文档加载状态_我们如何确定技术文档的状态？
cuml0912的博客
06-26 158
文档加载状态 GitHub最近的一项调查中，超过90％的受访者表示，开源项目的主要问题之一是文档不完整或令人困惑。 我们该如何解决？ GitHub用户认为文档质量差是#opensource项目的主要问题之一。 我们该如何解决？ https://t.co/t2Jmt9QDJc pic.twitter.com/d1GEPYT22P -Alex Sanchez（@_alxsanchez） ...
DOM Document.readyState 属性
Jason的学习笔记
05-01 2832
感谢原文作者：MDN 原文地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/readyState 描述 一个document 的 Document.readyState 属性描述了文档的加载状态。 当该属性值发生变化时，会在document 对象上触发readystatechange事件。 document.readySt...
Javascript DOM readyState 属性
cvper's world !
04-08 1077
readyState是DOM的属性之一；表示当前文档 document 的状态；有四种状态： uninitialized  还未载入文档                        loading 正在载入文档                         interactive 已经加载文档                      complete 完成加载    ------------...
JavaScript DOM 元素属性 状态属性
大家好，我是+V
03-02 1093
JavaScript DOM 元素属性 状态属性 元素的属性 　　核心 DOM 为我们提供了操作元素标准属性的统一 API。 　　所有属性节点都储存在元素的attributes集合中。 　　获取元素的所有属性节点：elem . attributes 　　获取某个属性节点的属性名：elem . attributes[i] .nodeName 　　获取某个属性节点的属性值：elem...
html dom状态,HTML DOM Event 对象
weixin_34816557的博客
05-31 104
HTML DOM Event 对象onabort 事件：onabort 事件会在图像加载被中断时发生，当用户在图像完成载入之前放弃图像的装载，如单击了stop按钮时，就会调用该句柄；onabort="alert('Error: Loading of the image was aborted')" />onblur 事件：对象失去焦点时触发；function upperCase(){var ...
ReadyState
BLOG域名:programb.blog.csdn.net
04-19 206
XmlHttp.CN Xmlhttp object reference XMLHttpRequest object XMLHttpRequest member onreadystatechange readyState ResponseBody responsestream responseText responsexml status statustext about getallrespons...
xxxx.readyState==4 && xxxx.status==200
sq66666666的博客
10-13 1825
XMLHttpRequest 对象的相关方法1.1 XHR创建对象 复制代码 if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 复制代码 1.2 向服务端发送请.
Ajax异步请求--readyState
weixin_41105030的博客
12-28 1260
概述 XMLHttpRequest.readyState 属性返回一个 XMLHttpRequest 代理当前所处的状态。一个 XHR 代理总是处于下列状态中的一个： readyState 状态描述 状态描述 0 UNSEND 代理对象已经被创建，但尚未调用open()方法 1 OPENED open()方法已经调用，建立与服务端口特定的链接 2 HEADERS_RE...
Ajax-Ready State属性-HTTP状态
crazy_Sxk的博客
06-27 244
Ajax: $.ajax({ Tyoe:“post”,//请求方式 Url: “Servlet名字”,// Data:$(this).val(), dataType:”text”, Success:function(msg)//msg为服务器返回的数据 { Alert(msg);//打印 }, Error:function(){ Alert(“访问错误”); } }) Json - java...
Ajax关于readyState和status
weixin_47150940的博客
07-31 495
1.Ajax：readyState（状态值）和status（状态码）的区别 readyState，是指运行AJAX所经历过的几种状态，无论访问是否成功都将响应的步骤，可以理解成为AJAX运行步骤，使用“ajax.readyState”获得 status，是指无论AJAX访问是否成功，由HTTP协议根据所提交的信息，服务器所返回的HTTP头信息代码，使用“ajax.status”获得 总体理解：可以简单的理解为state代表一个整体的状态。而status是这个大的state下面具体的小的状态。 2.什么是re
websocket.readyState 有哪些状态
最新发布
05-17
websocket.readyState 是 WebSocket 对象的只读属性，表示 WebSocket 的当前状态。WebSocket 对象的 readyState 属性有以下四个状态： 1. CONNECTING（0）：表示正在建立连接，还没有建立完成； 2. OPEN（1）：表示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Neil-

你们的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值