$(document).ready() 与 window.onload 之间的区别
1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如:如果给一副图片添加点击事件,window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数:
function one(){
alert('one');
}
function two(){
alert('two');
}
window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了
$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了
$(document).ready() 与 window.onload 之间的区别
1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如:如果给一副图片添加点击事件,window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数:
function one(){
alert('one');
}
function two(){
alert('two');
}
window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了
$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了
随机推荐
- Linux启动/停止/重启Mysql数据库的方法
1.查看mysql版本 方法一:status; 方法二:select version(); 2.Mysql启动.停止.重启常用命令 a.启动方式 1.使用 service 启动: [root@loca ...
- Could not resolve placeholder 解决方案
spring 配置加载properties文件的时候,报 Could not resolve placeholder 错误. 经过仔细查找,排除文件路径,文件类容错误的原因,经过查找相关资料,出现&q ...
- ROS学习笔记(四)——环境变量配置
1.查看环境变量配置情况,其实并没有什么卵用 $ export | grep ROS 或者用 $ printenv | grep ROS2.配置环境变量??$ source /opt/ros/indi ...
- ichecked 全选、反选
//iChecked复选框的全选.反选var checkBox =function (checkParents){ $(checkParents).find('.minimalCheckBox1'). ...
- 使用JDBC获取Oracle连接时报错
The Network Adapter could not establish the connection 网络适配器不能创建连接 作为初学者的来说,这个问题让我找了好多次,每次重新开启 ...
- 【转】 XDC介绍
转:http://blog.sina.com.cn/s/blog_693301190100sitz.html XDC是TI公司为嵌入式实时系统可重用软件组件(在XDC里被成为packages,以下成为 ...
- gulp入门教程(详细注解)
本文转载自http://www.ydcss.com/archives/18 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很 ...
- C#快捷键
home:光标所在这一行的最前面 end:光标所在这一行的最后面 pg up:光标所在这一页最前一行的前面 pg dn:光标所在这一页最后一行的最后 shift+home:光标所在这一行之前的所有代码 ...
- css3动画参数解释
@keyframes规定动画.animation 所有动画属性的简写属性,除了 animation-play-state 属性. ----------------------------------- ...
- WinForm 菜单和工具栏
菜单和工具栏: 1.MenuStrip:顶部菜单 优先级最高,默认在最顶部 (1)分割线:a.打一个减号 “-” b.右键插入Separator (2)点击事件:每 ...