$(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 都谈出来了
随机推荐
- B/S网站中IE6兼容问题
在HTML中定义的样式,部分样式在IE7以前的版本中的效果是不同的,所以需要在网页中定义让浏览器以IE8的模式启动. 在HEAD中定义标签meta如下: <meta http-equiv=&qu ...
- what is difference in (int)a,(int&)a,&a,int(&a) ?
This interview question come from a famous communication firm of china. : ) #include <iostream> ...
- 最详细的Log4j使用教程
日志是应用软件中不可缺少的部分,Apache的开源项目log4j是一个功能强大的日志组件,提供方便的日志记录.在apache网站:jakarta.apache.org/log4j 可以免费下载到Log ...
- Table的行列合并
<table border="1" width="200" height="200"> <tr> <td ro ...
- swiper横向轮播--3d
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- centos7查看端口命令
查看Centos端口命令: # netstat -lntp #查看监听(Listen)的端口# netstat -antp #查看所有建立的TCP连接其他关于查看服务器网络信息命令:1.查看Linux ...
- 引用类型(object、array)
1.Object类型 1)创建方法: //使用new加object构造函数 var person = new Object(); person.name = "aaa"; pers ...
- SEO之网站稳定
周未给大伙推荐个电影 :<环太平洋> http://947kan.com/movie/kehuan/45659/ 主要讲述了人类对抗从太平洋海底的时空裂缝不断传送过来的大怪兽,保卫家园的故 ...
- 查找增强出口和BADI程序
*&---------------------------------------------------------------------* *& Report Z_FIND_EX ...
- HTML 表单和输入<form><input>
HTML <form> 标签 定义和用法: <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. ...