2 zzzcsd zzzcsd 于 2016.02.18 19:03 提问

Javascript中的DOMContentLoaded事件?

我看了MDN上的文档
DOMContentLoaded事件跟load事件一样,是针对document这个对象的。

The DOMContentLoaded event is fired when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.

但是,jQuery却为$.fn添加了一个函数,叫做ready,用他来为DOMContentLoaded事件绑定回调函数。
既然是为document对象绑定回调函数,为何不做成一个静态函数,直接挂载在jquery对象下面?

3个回答

devmiao
devmiao   Ds   Rxr 2016.02.18 19:14
showbo
showbo   Ds   Rxr 2016.02.18 20:42

DOMContentLoaded低版本IE8-不支持,需要另外实现

而且毕竟是dom对象,要扩展也要做成和其他dom对象一致,而不是$.ajax这样独立出来

Mr_dsw
Mr_dsw   Ds   Rxr 2016.02.18 20:58

DOMContentLoaded是firefox下特有的Event, 当所有DOM解析完以后会触发这个事件。
与DOM中的onLoad事件与其相近。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
DOMContentLoaded和onload事件区别和兼容
DOMContentLoaded事件和onload事件区别和兼容
【HTML5】DOMContentLoaded事件
DOMContentLoaded事件的由来
事件DOMContentLoaded和load的区别
他们的区别是,触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。 DOM文档加载的步骤为 解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load 在第4步,会触发DOMContentLoaded事件。在第6步,触发load事件。 用原生js可以这
DOMContentLoaded和onload事件的区别
DOMContentLoaded 当所有DOM解析完以后会触发这个事件。 和onload事件很相近但onload要等到所有页面元素加载完成才会触发, 包括页面上的图片等等。 如果页面的图片很多的话,从用户访问到onload触发可能需要很长的事件,而且在ajax的运行中常常需要在onload中加入许多初始化的动作, 如果由于网络问题引起的图片加载过慢( 见: Ajax优化(2) -- laz
资源加载和页面事件 load, ready, DOMContentLoaded等
资源加载和页面事件理想的页面加载方式 解析HTML结构。 加载并解析外部脚本。 DOM树构建完成,执行脚本。//DOMInteractive –> DOMContentLoaded 加载图片、样式表文件等外部文件。 页面加载完毕。//window.onload 涉及到的事件 window.onload: 当页面全部加载完成(包括所有资源) document.onload: 当整个html文档加
Window.onLoad 和 DOMContentLoaded事件的先后顺序
相信写js的,都知道window.onload吧,但是并不是每个人都知道DOMContentLoaded,其实即使你不知道,很有可能你也经常使用了这个东西。       一般情况下,DOMContentLoaded事件要在window.onload之前执行,当DOM树构建完成的时候就会执行DOMContentLoaded事件,而window.onload是在页面载入完成的时候,才执行,这其中
async、defer与DOMContentLoaded的执行先后关系
摘自:点击打开链接一、HTML解析过程与DOMContentLoaded触发时机我们已经知道DOMContentLoaded的触发时间为:当 HTML文档被加载和解析完成。那么我们还需要理解HTML的解析过程。此处我们先只考虑同步js的情况。1.在既没有CSS也没有JS的情况下,HTML文档的解析过程为:DOMContentLoaded事件的触发时机为:HTML解析为DOM之后。2.有CSS无JS...
js window.onload 应用 addEventListener讲解
http://jzbgjsy.iteye.com/blog/778901 执行条件:页面加载完毕 需要注意的是,如果存在多个winodws.onload的话,只有最有一个生效,解决这个办法是:   1、window.onload = function() {f(); f1(); f2(); ...}   2、if(window.addEventListene
document load和document DOMContentLoaded两个事件的区别
区别DOMContentLoaded: DOM解析完成即触发此事件,不等待styles, images等资源的加载load:依赖的资源也已加载完成DOMContentLoaded绑定到document,load绑定到windowdocument.addEventListener('DOMContentLoaded', function(event) { console.log("DOM ful...
从onload和DOMContentLoaded谈起
来源:http://www.tuicool.com/articles/aae2me 这篇文章是对这一两年内几篇dom ready文章的汇总(文章的最后会标注参考文章),因为浏览器进化的关系,可能他们现在的行为与本文所谈到的一些行为不相符。我也并没有一一去验证,所以本文仅供参考,在具体开发中还是要以实践结果为准。 当 onload 事件触发时,页面上所有的DOM,样式表,脚本,图片,