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 相关文章推荐
window.open不被拦截的实现代码
Aug 22 Javascript
jQuery获取浏览器中的分辨率实现代码
Apr 23 Javascript
jsp+javascript打造级连菜单的实例代码
Jun 14 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
May 20 Javascript
实例解析angularjs的filter过滤器
Dec 14 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
js实现倒计时关键代码
May 05 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
原生js实现自定义滚动条
Jan 20 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实现过滤表单提交中html标签的方法
2014/10/17 PHP
php实现RSA加密类实例
2015/03/26 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
jQuery阻止同类型事件小结
2013/04/19 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
javascript设计模式之对象工厂函数与构造函数详解
2015/07/30 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
vue内置指令详解
2018/04/03 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
原生JS实现天气预报
2020/06/16 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
python实现代码行数统计示例分享
2014/02/10 Python
Python中的字典遍历备忘
2015/01/17 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
pyqt5实现俄罗斯方块游戏
2019/01/11 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
PyTorch实现ResNet50、ResNet101和ResNet152示例
2020/01/14 Python
详解CSS3伸缩布局盒模型Flex布局
2018/08/20 HTML / CSS
美国花园雕像和家居装饰网上商店:Design Toscano
2019/03/09 全球购物
计算机应用毕业生自荐信
2013/10/23 职场文书
好军嫂事迹材料
2014/01/15 职场文书
工作表现自我评价
2014/02/08 职场文书
运动会闭幕式致辞
2015/07/29 职场文书