javascript - 在jQuery源码中，ready方法中的疑惑-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 在jQuery源码中，ready方法中的疑惑

PHPz 2017-04-11 13:23:46

[JavaScript讨论组]

691

// Use the handy event callback
document.addEventListener( "DOMContentLoaded", completed, false );

// A fallback to window.onload, that will always work
window.addEventListener( "load", completed, false );

在源码中为什么还要加window.addEventListener( "load", completed, false );这句话。这个是2.0.3的版本，这个版本不是不支持ie78了吗，为什么还要加这句。

还有$(fucntion(){})底层是调用工具方法jQuery.ready，但是为什么调用的过程要设计的那么复杂，这么做的好处是什么呢。

PHPz

学习是最好的投资！

全部回复(1)

ringa_lee2017-04-11 13:25:46 1楼

onload事件要等到所有页面元素加载完成才会触发,包括页面上的图片等等。如果网页上有大量的图片，效果可想而知，用户可能在没有看到图片的时候，就已经开始操作页面了，而这时我们的页面还没有初始化，事件还没有注册上，这岂不是太晚了！
除了大家熟知的onload事件之外，与DOM中的onload事件相近的，我们还有 DOMContentLoaded事件可以考虑，基于标准的浏览器支持这个事件, 当所有DOM 解析完以后会触发这个事件。

这样，对于基于标准的浏览器来说，我们还可以注册这个事件的处理。这样，我们可能更早地捕获到加载完成的事件。

if (document.addEventListener) {
    // Use the handy event callback
    document.addEventListener("DOMContentLoaded", DOMContentLoaded, false);

    // A fallback to window.onload, that will always work
    window.addEventListener("load", jQuery.ready, false);

}

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>