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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
Nov 19 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
Apr 04 Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 Javascript
vue-cil之axios的二次封装与proxy反向代理使用说明
Apr 07 Vue.js
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
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
js实现div的切换特效上一个下一个
2014/02/11 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
jqTransform美化表单
2015/10/10 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
微信小程序 Toast自定义实例详解
2017/01/20 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
整理关于Bootstrap过渡动画的慕课笔记
2017/03/29 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
Python的组合模式与责任链模式编程示例
2016/02/02 Python
Python如何快速实现分布式任务
2017/07/06 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
python 计算概率密度、累计分布、逆函数的例子
2020/02/25 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
Python3标准库之dbm UNIX键-值数据库问题
2020/03/24 Python
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
PHP经典面试题
2016/09/03 面试题
国贸专业自荐信范文
2014/03/02 职场文书
党员个人对照检查材料
2014/10/01 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
行政处罚告知书
2015/07/01 职场文书
新郎新娘致辞
2015/07/31 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
MongoDB安装使用并实现Python操作数据库
2021/06/28 MongoDB