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 相关文章推荐
js 蒙版进度条(结合图片)
Mar 10 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
Oct 30 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
Oct 13 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
jQuery动态生成表格及右键菜单功能示例
Jan 13 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
原生js实现简单轮播图
Oct 26 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实现文件下载简单示例(代码实现文件下载)
2014/03/10 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
Div自动滚动到末尾的代码
2008/10/26 Javascript
TextArea不支持maxlength的解决办法(jquery)
2011/09/13 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
jQuery实现右下角可缩放大小的层完整实例
2016/06/20 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
Windows下Node.js安装及环境配置方法
2017/09/18 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
简单介绍Ruby中的CGI编程
2015/04/10 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
python实现根据文件格式分类
2019/10/31 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
Python中bisect的使用方法
2019/12/31 Python
python导入库的具体方法
2020/06/18 Python
Python 高效编程技巧分享
2020/09/10 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
外贸采购员求职的自我评价
2013/11/26 职场文书
激情洋溢的毕业生就业求职信
2014/03/15 职场文书
基层党组织公开承诺书
2014/03/28 职场文书
教师求职自荐书
2014/06/14 职场文书
民用住房租房协议书
2014/10/29 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
交流会主持词
2015/07/02 职场文书
股东出资协议书
2016/03/21 职场文书