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 相关文章推荐
document.all与WEB标准
May 13 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
Jan 15 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
jQuery实现的网页左侧在线客服效果代码
Oct 23 Javascript
CSS中position属性之fixed实现div居中
Dec 14 Javascript
浅析JS获取url中的参数实例代码
Jun 14 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
Apr 30 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
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
jQuery 自动增长的文本输入框实现代码
2010/04/02 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
很棒的Bootstrap选项卡切换效果
2016/07/01 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
ionic环境配置及问题详解
2017/06/27 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
2017/11/24 Javascript
Mac中安装nvm的教程分享
2017/12/11 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
详解NodeJs项目 CentOs linux服务器线上部署
2019/09/16 NodeJs
JavaScript闭包相关知识解析
2019/10/19 Javascript
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
python 类详解及简单实例
2017/03/24 Python
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
python实现维吉尼亚加密法
2019/03/20 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
pytorch forward两个参数实例
2020/01/17 Python
python实现ftp文件传输系统(案例分析)
2020/03/20 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
音乐器材管理制度
2014/01/31 职场文书
2014最新实习证明模板
2014/10/02 职场文书
场地使用证明模板
2014/10/25 职场文书
网上祭英烈活动总结
2015/02/04 职场文书
教师学期末个人总结
2015/02/13 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
防汛通知
2015/04/25 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书