jquery中ready()函数执行的时机和window的load事件比较


Posted in Javascript onJune 22, 2015

jquery的ready()实现的是 DOMContentLoaded 事件,DOMContentLoaded与window load事件的区别

简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载, load是在所有资源都加载完成后才会触发

看下ready函数的代码就什么都清楚了。下面的代码加上了注释:

// Handle when the DOM is ready
    ready: function() {
        // Make sure that the DOM is not already loaded
        if ( !jQuery.isReady ) {
            // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
            if ( !document.body ) {
                return setTimeout( jQuery.ready, 13 );
            }

            // Remember that the DOM is ready
            jQuery.isReady = true;

            // If there are functions bound, to execute
            if ( readyList ) {
                // Execute all of them
                var fn, i = 0;
                while ( (fn = readyList[ i++ ]) ) {
                    fn.call( document, jQuery );
                }

                // Reset the list of functions
                readyList = null;
            }

            // Trigger any bound ready events
            if ( jQuery.fn.triggerHandler ) {
                jQuery( document ).triggerHandler( "ready" );
            }
        }
    },

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
Jul 18 Javascript
提交表单时执行func方法实现代码
Mar 17 Javascript
jQuery对html元素取值与赋值的方法
Nov 20 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
js实现遮罩层弹出框的方法
Jan 15 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
详解Node.js开发中的express-session
May 19 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
vue实现微信分享功能
Nov 28 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 Javascript
jquery中toggle函数交替使用问题
Jun 22 #Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 #Javascript
js闭包所用的场合以及优缺点分析
Jun 22 #Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 #Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 #Javascript
浅谈javascript构造函数与实例化对象
Jun 22 #Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 #Javascript
You might like
使用PHP遍历文件夹与子目录的函数代码
2011/09/26 PHP
使用PHP编写的SVN类
2013/07/18 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
[07:38]2014DOTA2国际邀请赛 Newbee顺利挺进胜者组赛后专访
2014/07/15 DOTA
Python新手实现2048小游戏
2015/03/31 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
Python实现ping指定IP的示例
2018/06/04 Python
python使用pipeline批量读写redis的方法
2019/02/18 Python
Django缓存系统实现过程解析
2019/08/02 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
Python操作PostgreSql数据库的方法(基本的增删改查)
2020/12/29 Python
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
德国综合购物网站:OTTO
2018/11/13 全球购物
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
怎样从/向数据文件读/写结构
2014/11/23 面试题
武汉东之林科技有限公司机试
2013/09/17 面试题
软件测试常见笔试题
2012/02/04 面试题
材料专业毕业生求职信
2014/02/26 职场文书
教师党员个人整改措施
2014/10/27 职场文书
升学宴祝酒词
2015/08/11 职场文书