onload 和 DOMContentLoaded 的区别

本文详细阐述了DOM解析过程,包括HTML结构解析、外部资源加载、脚本执行及DOM树构建。解释了DOMContentLoaded与load事件的区别,前者在DOM加载完成时触发,后者则在所有资源加载完毕后触发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DOM完整的解析过程:

  1. 解析HTML结构。
  2. 加载外部脚本和样式表文件。
  3. 解析并执行脚本代码。//js之类的
  4. DOM树构建完成。//DOMContentLoaded
  5. 加载图片等外部文件。
  6. 页面加载完毕。//load
    在第4步的时候DOMContentLoaded事件会被触发。
    在第6步的时候load事件会被触发。

触发

1、当 DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,flash。

2、当 onload事件触发时,页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了。


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值