事件DOMContentLoaded和load的区别
来源:互联网 发布:java输出多个变量 编辑:程序博客网 时间:2024/05/17 23:31
他们的区别是,触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。
DOM文档加载的步骤为
- 解析HTML结构。
- 加载外部脚本和样式表文件。
- 解析并执行脚本代码。
- DOM树构建完成。//DOMContentLoaded
- 加载图片等外部文件。
- 页面加载完毕。//load
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
- testng报错"java.net.SocketException: Software caused connection abort: socket write error"
- 线程中有关wait()和sleep()的区别
- Codeforces Round #371 (Div. 2) A. Meeting of Old Friends (水题)
- 机房管理不可或缺的部分——KVM切换器
- 查找链表中倒数第k个节点,若查找成功,返回数据域的值
- 事件DOMContentLoaded和load的区别
- win10系统安装pyopencl攻略
- 前端开发面试题——HTML篇
- 原生js封装ajax方法
- Linux CentOS下EPEL源的安装
- dhcp_start
- HDU 5876 Sparse Graph
- LeetCode考题查询目录
- apache自签名证书