js重修课[六]:客户端JavaScript一些琐事

300多页了……看得有些初显疲态。

JavaScript程序的执行有两个阶段。

  • 第一阶段:载入文档内容,执行<sciprt>中的代码
  • 第二阶段:文档载入完成并且所有脚本执行完成后,进入事件驱动阶段,浏览器调用事件处理程序响应事件

详细时间线如下:

  1. 浏览器创建Document对象,开始解析页面,并将解析后的元素添加到Document。该阶段document.readyState属性为“loading”
  2. 解析器遇到同步脚本元素后,暂停解析,并执行脚本;遇到异步脚本时会在下载脚本的同时继续解析文档。异步脚本禁用document.write()之类阻塞方法
  3. 当文档完成解析,document.readyState属性变为“interactive”
  4. 所有defer属性脚本按照文档里出现的顺序执行
  5. 浏览器在Document对象上触发DOMContentLoaded事件。标志着程序执行从同步脚本执行阶段转换到了异步事件驱动阶段。该阶段可能还有异步脚本没有执行完成
  6. 此时文档已经完全解析完成,但是浏览器可能还在等待其他载入,比如图片。当所有内容以及异步脚本完全加载之后,document.readyState属性改为“complete”,浏览器触发Window对象上的load事件
  7. 从此刻起调用异步事件

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java达人

DWR简介

image.png DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户...

20010
来自专栏崔庆才的专栏

利用 Flask+Redis 维护 IP 代理池

目前有很多网站提供免费代理,而且种类齐全,比如各个地区、各个匿名级别的都有,不过质量实在不敢恭维,毕竟都是免费公开的,可能一个代理无数个人在用也说不定。所以我们...

2.2K0
来自专栏闻道于事

Linux-看完这篇Linux基本的操作就会了

2433
来自专栏web编程技术分享

【Java框架型项目从入门到装逼】第五节 - 在Servlet中接收和返回数据

3397
来自专栏应兆康的专栏

Python Web - Flask笔记8

CSRF(Cross Site Request Forgery)跨站域请求伪造是一种网络攻击方式。

941
来自专栏Java学习123

Python操作文件目录

3256
来自专栏逍遥剑客的游戏开发

Tiled源码分析(四): 插件机制

2307
来自专栏深度学习之tensorflow实战篇

python 如何设置多线程

和多进程的思路类似,我们也可以实现对线程的创建,在Python中,使用threading包实现。参数如下: 构造方法: Thread(group=No...

2623
来自专栏前端杂货铺

高吞吐koa日志中间件

Midlog中间件 node服务端开发中少不了日志打点,而在koa框架下的日志打点在多进程环境中日志信息往往无法对应上下文,而且在高并发下直接进行写buffer...

54610
来自专栏大内老A

WCF技术剖析之十一:异步操作在WCF中的应用(上篇)

按照操作执行所需的资源类型,我们可以将操作分为CPU绑定型(CPU Bound)操作和I/O绑定型(I/O Bound)操作。对于前者,操作的执行主要利用CPU...

1977

扫码关注云+社区