jquery $(document).ready()和window.onload的区别浅析

更新时间：2015年02月04日 11:25:35 投稿：junjie

这篇文章主要介绍了jquery $(document).ready()和 window.onload的区别浅析,本文总结了执行时间、编写个数不同、简化写法等不同的地方,需要的朋友可以参考下

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。

1.执行时间
        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
        $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同
         window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
         $(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法
         window.onload没有简化写法
         $(document).ready(function(){})可以简写成$(function(){});

在我以前的开发中，一般用到javascript，我都是采用jquery的模式，也就是大多数时候，第一行写的是：

复制代码代码如下:

$(document).ready(function(){

…

});

这个时候，不一定要等所有的js和图片加载完毕，就可以执行一些方法，不过有些时候，必须要等所有的

元素都加载完毕，才可以执行一些方法的时候，比如说，部分图片或者什么其他方面还没有加载好，这个时候，点击某些按钮，会导致出现意外的情况，这个时候，就

需要用到:

复制代码代码如下:

$(window).load(function() {
…

});

总结对比：

您可能感兴趣的文章:

前台js改变Session的值(用ajax实现)
前台js改变Session的值,有很多的新手朋友对此问题会很陌生，本文将提供解决方法，需要了解的朋友可以参考下
2012-12-12
微信小程序小组件基于Canvas实现直播点赞气泡效果
这篇文章主要为大家详细介绍了微信小程序小组件，基于Canvas实现直播点赞气泡效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
D3.js实现绘制折线图的教程详解
这篇文章主要为大家详细介绍了如何通过D3.js实现绘制折线图，文中的示例代码讲解详细，对我们学习D3.js有一定的帮助，需要的可以参考一下
2022-11-11
js调用屏幕宽度的简单方法
下面小编就为大家带来一篇js调用屏幕宽度的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
javascript实现2016新年版日历
这篇文章主要为大家介绍了javascript实现2016新年版日历的详细代码，感兴趣的小伙伴们可以参考一下
2016-01-01
JS实现用特殊符号替换字符串的中间部分区域的实例代码
相信很多人都遇到过敏感信息需要做部分隐藏功能，大多数都是用特殊符号去替换。今天小编给大家带来了JS实现用特殊符号替换字符串的中间部分区域的实例代码，需要的朋友参考下吧
2018-07-07
AJAX跨域请求json数据的实现方法
这篇文章介绍了AJAX跨域请求json数据的实现方法，有需要的朋友可以参考一下
2013-11-11
微信小程序实现手写板
这篇文章主要为大家详细介绍了微信小程序实现手写板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
微信小程序如何再次获取用户授权的方法
这篇文章主要介绍了微信小程序如何再次获取用户授权的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
HTML的select控件美化
本文主要介绍了HTML的select控件美化以及js实现select选择功能的方法步骤。具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03