js DomContentLoaded 和 load 的区别
2024-10-10 22:14:05
如题;DOMContentLoaded和load都是页面加载的时候触发的事件。区别在于触发的时机不一样。 浏览器渲染页面DOM文档加载的步骤: 1.解析HTML结构。 2.加载外部脚本和css文件。 3.解析并执行脚本代码。 4.DOM树构建完成。(此时会触发DOMContentLoaded事件) 5.加载外部图片等文件。 6.页面加载完毕。(此时会触发load事件) 从以上DOM文档加载步骤上可以看出;当浏览器把DOM树构建完成后就开始触发了DOMContentLoaded事件,而load事件则要等包括图片这些加载完毕才会触发。 我们监听事件的时候把优先级高的可以先监听DOMContentLoaded再监听load。
DomContentLoaded 和 load 区别
最新文章
- 小菜学习设计模式(三)—工厂方法(Factory Method)模式
- 用Javascript模拟微信飞机大战游戏
- BugHD for JavaScript上线,轻松收集前端 Error
- 关于对inputstream流的复制
- Apache Spark源码走读之20 -- ShuffleMapTask计算结果的保存与读取
- ORACLE 事务学习
- 海尔的U+智慧生活操作系统
- SUSE linux 使用LVM安装系统和管理
- 分布式键值存储系统ETCD调研
- js实现轮播图效果(附源码)--原生js的应用
- Spring Boot应用 打包与部署指南
- Java Collections类
- PHPCMS V9 添加二级导航
- 关于查询ios的app更新的历史版本记录
- DAY4(python)打印字符串以及增删改查
- Keras深度学习框架安装及快速入门
- linux安装curl扩展
- 100M双绞线接头的标准接法
- table thead 置顶
- ORACLE分组查询和统计等
热门文章
- pycharm 配置服务器,脚本,测试文件
- Ldap-crack-test?
- js高级-浏览器事件循环机制Event Loop
- tomcat 启动报错 Invalid character found in method name. HTTP method names must be tokens
- scala 下载
- 弹性盒子 flexbox 元素居中
- com.google.gson.stream.MalformedJsonException
- win10 壁纸路径
- WeakHashMap<;K,V>; 中的弱引用
- uwsgi+nginx+django生产环境部署