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 封装Ajax传递的数据代码
Jun 05 Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
浅析JS原型继承与类的继承
Apr 07 Javascript
jQuery中DOM节点删除之empty与remove
Jan 20 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
对TypeScript库进行单元测试的方法
Jul 18 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自动加载的两种实现方法
2010/06/21 PHP
Zend的MVC机制使用分析(一)
2013/05/02 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
treepanel动态加载数据实现代码
2012/12/15 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
2016/01/01 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
详解vscode中vue代码颜色插件
2018/10/11 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
用Python逐行分析文件方法
2019/01/28 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
python内存动态分配过程详解
2019/07/15 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
python画环形图的方法
2020/03/25 Python
应聘会计求职信
2014/06/11 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
个人债务授权委托书
2014/10/17 职场文书
2015学生会文艺部工作总结
2015/04/03 职场文书
法定授权委托证明书
2015/06/18 职场文书
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL