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 相关文章推荐
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
JavaScript保留两位小数的2个自定义函数
May 05 Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
Jquery中扩展方法extend使用技巧
Aug 24 Javascript
javascript实现在线客服效果
Jul 15 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
自己封装的一个原生JS拖动方法(推荐)
Nov 22 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
js删除对象中的某一个字段的方法实现
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 配置文件中open_basedir选项作用
2009/07/19 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
redis+php实现微博(一)注册与登录功能详解
2019/09/23 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
jQuery中:header选择器用法实例
2014/12/29 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
2015/07/27 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
JavaScript中数据类型转换总结
2016/12/25 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
angular使用post、get向后台传参的问题实例
2017/05/27 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
2019/03/28 jQuery
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
Python操作SQLite数据库的方法详解
2017/06/16 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
工程学毕业生自荐信
2014/06/14 职场文书
求职自我评价范文
2015/03/09 职场文书
windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程
2022/08/05 数码科技