window.onload与$(document).ready()的区别分析


Posted in Javascript onMay 30, 2015

本文实例讲述了window.onload与$(document).ready()的区别。分享给大家供大家参考。具体分析如下:

window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片);
而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些;

比如举个简单的例子:

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

根据上面的意思,结果只能输出“I am No.2”

而换成:

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

结果输出 I am  No.1  ,I am No.2

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
Apr 10 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
node.js中的console用法总结
Dec 15 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
微信小程序的tab选项卡的实现效果
May 15 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 Javascript
JavaScript中条件语句的优化技巧总结
Dec 04 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 11 Javascript
JQuery给网页更换皮肤的方法
May 30 #Javascript
jQuery实现给页面换肤的方法
May 30 #Javascript
js获取滚动距离的方法
May 30 #Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 #Javascript
Javascript实现div层渐隐效果的方法
May 30 #Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 #Javascript
Jquery解析json字符串及json数组的方法
May 29 #Javascript
You might like
php学习之数据类型之间的转换介绍
2011/06/09 PHP
php实现用户在线时间统计详解
2011/10/08 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
php自定义session示例分享
2014/04/22 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
vue2.0全局组件之pdf详解
2017/06/26 Javascript
AngularJS学习笔记之表单验证功能实例详解
2017/07/06 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
Vue精简版风格概述
2018/01/30 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
Windows下安装python MySQLdb遇到的问题及解决方法
2017/03/16 Python
python中abs&map&reduce简介
2018/02/20 Python
python的依赖管理的实现
2019/05/14 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
美国网上花店:JustFlowers
2017/02/12 全球购物
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
行政经理的岗位职责
2013/11/23 职场文书
综合实践教学反思
2014/01/31 职场文书
商超业务员岗位职责
2015/02/13 职场文书
本科毕业论文致谢词
2015/05/14 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL