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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
Jquery实现无刷新DropDownList联动实现代码
Mar 08 Javascript
一个背景云变换js特效 鼠标移动背景云变化
Dec 28 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
浅谈被jQuery抛弃的函数及替代函数
May 03 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
详解ES6 Symbol 的用途
Oct 14 Javascript
Node.js系列之连接DB的方法(3)
Aug 30 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
JS继承最简单的理解方式
Mar 31 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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
理解php Hash函数,增强密码安全
2011/02/25 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
alixixi runcode.asp的代码不错的应用
2007/08/08 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
2012/08/09 Javascript
兼容FF和IE的动态table示例自写
2013/10/21 Javascript
javascript中动态加载js文件多种解决办法总结
2013/11/15 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
2015/12/15 Javascript
8 行 Node.js 代码实现代理服务器
2016/12/05 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
2016/12/12 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
2017/09/01 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
2019/07/26 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
python绘制简单折线图代码示例
2017/12/19 Python
Python获取二维矩阵每列最大值的方法
2018/04/03 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
将Python文件打包成.EXE可执行文件的方法
2019/08/11 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
使用Matplotlib绘制不同颜色的带箭头的线实例
2020/04/17 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
美国第二大连锁书店:Books-A-Million
2017/12/28 全球购物
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
公务员职务工作的自我评价
2013/11/01 职场文书
优秀党员获奖感言
2014/02/18 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
三分钟演讲稿范文
2014/04/24 职场文书
党员志愿者活动方案
2014/08/28 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书