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 相关文章推荐
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 03 Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
jQuery实现高亮显示网页关键词的方法
Aug 07 Javascript
Angular Module声明和获取重载实例代码
Sep 14 Javascript
js+css3实现旋转效果
Jan 20 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
Vue实现push数组并删除的例子
Nov 01 Javascript
vue项目中使用rem,在入口文件添加内容操作
Nov 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贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
JS跨域总结
2012/08/30 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
js实现从中间开始往上下展开网页窗口的方法
2015/03/02 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
JScript实现地址选择功能
2017/08/15 Javascript
vue引入jq插件的实例讲解
2017/09/12 Javascript
nodejs实现连接mongodb数据库的方法示例
2018/03/15 NodeJs
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
[00:35]DOTA2上海特级锦标赛 Newbee战队宣传片
2016/03/03 DOTA
在Python中使用异步Socket编程性能测试
2014/06/25 Python
利用python程序帮大家清理windows垃圾
2017/01/15 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
django 使用 PIL 压缩图片的例子
2019/08/16 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
公司行政经理岗位职责
2013/12/24 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
创业计划书之甜品店
2019/09/18 职场文书
SqlServer数据库远程连接案例教程
2021/07/15 SQL Server