事件DOMContentLoaded和load的区别
来源:互联网 发布:淘宝皇冠店铺大全 编辑:程序博客网 时间:2024/05/17 20:28
他们的区别是,触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。
DOM文档加载的步骤为
1.解析HTML结构。
2.加载外部脚本和样式表文件。
3.解析并执行脚本代码。
4.DOM树构建完成。//DOMContentLoaded
5.加载图片等外部文件。
6.页面加载完毕。//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);
true - 事件句柄在捕获阶段执行(先执行 父级监听事件, 再执行 子监听事件)
false- false- 默认。事件句柄在冒泡阶段执行(先执行 子监听事件,再执行 父监听事件)
二、jQuery
// DOMContentLoaded $(document).ready(function() { // 简写 jQuery(function(){}) 或$(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
- java读取.properties配置文件的几种方法
- 记一次mavne添加外部jar问题。
- 剑指Offer——二叉搜索树转换为双向链表
- ServletContext作用功能详解
- 动态规划训练6 [统计单词个数]
- 事件DOMContentLoaded和load的区别
- Android 在应用中跳转到另一个应用中的方法
- java总结
- selenium base_page取元素判断元素
- CentOS6.5下Nginx1.7.4安装记录
- 使用rem的几个注意事项
- 《2017 汉字基因字典》
- 量化进阶——理工科出身如何转做量化交易(二)
- 计算程序运行时间