事件DOMContentLoaded和load的区别
来源:互联网 发布:淘宝网商城女装斗篷 编辑:程序博客网 时间:2024/05/18 01:52
他们的区别是,触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。
DOM文档加载的步骤为
- 解析HTML结构。
- 加载外部脚本和样式表文件。
- 解析并执行脚本代码。
- DOM树构建完成。//DOMContentLoaded
- 加载图片等外部文件。
- 页面加载完毕。//load
在第4步,会触发DOMContentLoaded
事件。在第6步,触发load
事件。
用原生js可以这么写
// 不兼容老的浏览器,兼容写法见[jQuery中ready与load事件](http://www.imooc.com/code/3253),或用jQuerydocument.addEventListener("DOMContentLoaded", function() { // ...代码...}, false);window.addEventListener("load", function() { // ...代码...}, false);
用jQuery这么写
// DOMContentLoaded$(document).ready(function() { // ...代码...});//load$(document).load(function() { // ...代码...});
0 0
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- js中DOMContentLoaded和load的区别
- js中DOMContentLoaded和load的区别
- js中DOMContentLoaded和load的区别
- DOMContentLoaded和onload事件的区别
- DOMContentLoaded与load的区别
- DOMContentLoaded与load事件
- domcontentloaded事件和laod事件区别
- DOMContentLoaded事件与load事件
- DOMContentLoaded和onload事件区别和兼容
- DOMContentLoaded 和 load
- 资源加载和页面事件 load, ready, DOMContentLoaded等
- DOMContentLoaded、Load
- TCP(传输控制协议)
- 自学宝典:10个学习Android开发的网站推荐
- 4.4
- XMPP学习4-发现世界
- js 时间与时间戳 相互转化
- 事件DOMContentLoaded和load的区别
- linux安装软件包相关知识
- JsonCPP的使用
- 学好Python的11个优秀资源
- TestNg多线程—— 并行执行测试
- cmd执行ionic serve命令,问题错误:npm ERR! Windows_NT
- play framework2启动、编译、测试、转换eclipse工程项目
- 关于js artTemplate模板引擎多数据注入的理解,与应用。
- Win10 下Cmake编译配置 Opencv3.1 + Cuda7.5 + VS2013