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 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
javascript实现划词标记+划词搜索功能
Mar 06 Javascript
JavaScript与函数式编程解释
Apr 27 Javascript
jquery下异步提交表单 异步跨域提交表单
Nov 17 Javascript
js函数的延迟加载实现代码
Oct 11 Javascript
javascript 二进制运算技巧解析
Nov 27 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 Javascript
Bootstrap每天必学之基础排版
Nov 20 Javascript
vue-dialog的弹出层组件
May 25 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 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/04/21 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
JavaScript 模拟用户单击事件
2009/12/31 Javascript
javascript搜索框点击文字消失失焦时文本出现
2014/09/18 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
JS解析XML文件和XML字符串详解
2015/04/17 Javascript
node.js实现登录注册页面
2017/04/08 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
2017/06/01 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
2020/04/08 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
Python制作爬虫抓取美女图
2016/01/20 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
Python学习入门之区块链详解
2017/07/25 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
详解python之协程gevent模块
2018/06/14 Python
Python实现获取汉字偏旁部首的方法示例【测试可用】
2018/12/18 Python
Python实战购物车项目的实现参考
2019/02/20 Python
详解Python3 基本数据类型
2019/04/19 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
Python Selenium实现无可视化界面过程解析
2020/08/25 Python
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
光声世纪笔试题目
2012/08/25 面试题
大学生饮食连锁店创业计划书
2014/01/17 职场文书
详解Nginx 工作原理
2021/03/31 Servers
MySQL大小写敏感的注意事项
2021/05/24 MySQL