文档章节

window.onload 与 $(document).ready() 区别

巨輪
 巨輪
发布于 2016/09/22 13:19
字数 278
阅读 74
收藏 0

A Windows load event fires when all the content on your page is fully loaded including the DOM (document object model) content and asynchronous JavaScript, frames and images. You can also use body onload=. Both are the same; window.onload = function(){} and <body onload="func();"> are different ways of using the same event.

一个window load 事件触发条件是你页面完全加载时(页面完全加载包括DOM内容,异步JS,frames框架,和图像加载)。你可以用window.onload = function(){}<body onload="func();"> 添加事件监听器。

jQuery $document.ready function event executes a bit earlier than window.onload and is called once the DOM(Document object model) is loaded on your page. It will not wait for the images, frames to get fully load.

jQuery $document.ready 函数事件比 window.onload 执行找一点点。一旦页面DOM加载完成, $document.ready 就会被调用。它不会等待images,frame加载完成才调用。

From http://stackoverflow.com/questions/3698200/window-onload-vs-document-ready/18843427#18843427

测试代码如下所示,ready会先行于onload

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="UTF-8"/>   
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
		<title>onload与ready测试</title>
		<style type="text/css">
			
		</style>
		<script type="text/javascript" src="jquery-2.1.4.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				alert('ready');
			});
			
			window.onload=function(){
				alert('load');
			}
			//ready 先行于 onload
		</script>
	</head>
	
	<body>
	</body>
</html> 

 

© 著作权归作者所有

巨輪
粉丝 0
博文 70
码字总数 38544
作品 0
广州
程序员
私信 提问
window.onload和$(doucument).read( )区别

执行时机: window.onload : 必须等待页面所有内容加载完毕之后(包括图片)才能执行 $(document).ready( ) : 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完 编写个...

刘梓航
2014/11/05
312
0
window.onload和$(function(){})的区别介绍

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时...

ForingY
2015/11/04
108
0
jquery $(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕...

_xiaotudou
2014/04/23
4
0
window.onload 、document.onload、$(document).ready()

关于onload: onload 事件 window.onload只会执行一次。 window.onload 、document.onload的区别 stackoverflow中的讨论:window.onload vs document.onload window.load用的多一些。 jquery......

樂天
2015/11/20
814
0
jquery $(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕...

freedonn
2014/04/15
65
0

没有更多内容

加载失败,请刷新页面

加载更多

64.监控平台介绍 安装zabbix 忘记admin密码

19.1 Linux监控平台介绍 19.2 zabbix监控介绍 19.3/19.4/19.6 安装zabbix 19.5 忘记Admin密码如何做 19.1 Linux监控平台介绍: 常见开源监控软件 ~1.cacti、nagios、zabbix、smokeping、ope...

oschina130111
今天
13
0
当餐饮遇上大数据,嗯真香!

之前去开了一场会,主题是「餐饮领袖新零售峰会」。认真听完了餐饮前辈和新秀们的分享,觉得获益匪浅,把脑子里的核心纪要整理了一下,今天和大家做一个简单的分享,欢迎感兴趣的小伙伴一起交...

数澜科技
今天
7
0
DNS-over-HTTPS 的下一代是 DNS ON BLOCKCHAIN

本文作者:PETER LAI ,是 Diode 的区块链工程师。在进入软件开发领域之前,他主要是在做工商管理相关工作。Peter Lai 也是一位活跃的开源贡献者。目前,他正在与 Diode 团队一起开发基于区块...

红薯
今天
13
0
CC攻击带来的危害我们该如何防御?

随着网络的发展带给我们很多的便利,但是同时也带给我们一些网站安全问题,网络攻击就是常见的网站安全问题。其中作为站长最常见的就是CC攻击,CC攻击是网络攻击方式的一种,是一种比较常见的...

云漫网络Ruan
今天
12
0
实验分析性专业硕士提纲撰写要点

为什么您需要研究论文的提纲? 首先当您进行研究时,您需要聚集许多信息和想法,研究论文提纲可以较好地组织你的想法, 了解您研究资料的流畅度和程度。确保你写作时不会错过任何重要资料以此...

论文辅导员
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部