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加解密功能页面
Dec 12 Javascript
picChange 图片切换特效的函数代码
May 06 Javascript
什么是Node.js?Node.js详细介绍
Jun 01 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
Feb 15 Javascript
微信小程序 动态绑定数据及动态事件处理
Mar 14 Javascript
微信小程序 获取二维码实例详解
Jun 23 Javascript
微信小程序之绑定点击事件实例详解
Jul 07 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
详解angular脏检查原理及伪代码实现
Jun 08 Javascript
vue h5移动端禁止缩放代码
Oct 28 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
使用 php4 加速 web 传输
2006/10/09 PHP
学习php分页代码实例
2013/10/24 PHP
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
jQuery简单实现banner图片切换
2014/01/02 Javascript
javascript中的遍历for in 以及with的用法
2014/12/22 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
p5.js绘制创意自画像
2019/11/04 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
Python 文件和输入输出小结
2013/10/09 Python
Python实现的一个找零钱的小程序代码分享
2014/08/25 Python
Python进程间通信用法实例
2015/06/04 Python
Python使用dis模块把Python反编译为字节码的用法详解
2016/06/14 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
python matplotlib坐标轴设置的方法
2017/12/05 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
详解mac python+selenium+Chrome 简单案例
2019/11/08 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
python如何进行矩阵运算
2020/06/05 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
CSS中的字体大小设置属性总结
2016/05/24 HTML / CSS
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
HQhair美国/加拿大:英国化妆品、美容及美发产品商城
2019/04/15 全球购物
工地质量标语
2014/06/12 职场文书
教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
文明单位申报材料
2014/12/23 职场文书
教师年度考核个人总结
2015/02/12 职场文书
刘胡兰观后感
2015/06/16 职场文书