js文档事件

  1. 加载成功\失败事件:load\error

load事件指的是:节点加载成功时自动发生回调事件

error事件值得是:节点加载失败时自动发生的回调事件

  1. 当DOM加载完成时触发事件:DOMContentLoaded

DOMContentLoaded事件和load事件的区别是触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。

DOM文档加载的步骤为:
解析HTML结构。
加载外部脚本和样式表文件。
解析并执行脚本代码。
DOM树构建完成。 //DOMContentLoaded执行
加载图片等外部文件。
页面加载完毕。 //load执行

  1. 文档加载状态判断事件:readystatechange

众所周知,document节点中拥有一个属性叫做readyState。其拥有三个可能值:

loading:加载DOM中

interactive:加载外部资源

complete:加载完成

而readystatechange事件正是在这个状态发生改变时调用的事件。

Guess you like

Origin blog.csdn.net/m0_51281306/article/details/121337677