html——windows.onload()与$(document).ready()区别

最近开始写html，原来基本学的都是皮毛，js与jquery混写，现在分开后，初始化的两个函数有点不太清楚就总结了下。

浏览器加载完DOM后，会通过javascript为DOM元素添加事件，在javascript中，通常使用window.onload()方法。

在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别。

	window.onload()	$(document).ready()
执行时机	在页面所有元素（包括图片，引用文件）加载完后执行。	页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片可能没有加载完. 如果想要网页所有内容（包括图片等）加载完毕，再注册事件，使用$(window).load(function); 等价于window.onload()
编写个数	不能同时写多个，后面的将会覆盖前面的。ex: window.οnlοad=function(){ alert("A"); } window.οnlοad=function(){ alert("B"); } 结果会执行“B” 如果想要顺序执行alert("A")和alert("B")需写成 window.οnlοad=function(){ alert("A"); alert("B"); }	可以同时写多个
简写	无	$(document).ready(function(){ 　　//to do; })；可写成 $().ready(function(){ //$()不带参数默认是document 　　//to do; });或 $(function(){ 　　//to do; });

html——windows.onload()与$(document).ready()区别相关推荐

window.onload和$(document).ready()区别很大……
window.onload和$(document).ready()区别很大-- posted on 2014-06-11 14:01 Juniors 阅读(...) 评论(...) 编辑收藏转载于 ...
window.onload和$(document).ready(function(){})的区别
前段时间在面试之前查找并整理了一下window.onload和$(document).ready(function(){})区别,今天有时间更到我的博客上,由于本人资历尚浅,如有不对的地方,还请指正. ...
window.onload与$(document).ready()的区别
以浏览器装载文档为例,在页面加载完毕后,浏览器会通过Javascript为DOM元素添加事件.在常规的Javascript代码中,通常使用window.onload方法,而在Jquery中,使用 ...
window.onload与document.ready的区别
1. window.onload必须等到网页中所有的内容加载完(包含图片)才执行 document.ready网页中所有DOM结构绘制完执行,可能DOM并没有加载完所有document.ready比 ...
“约见”面试官系列之常见面试题之第六十九篇之document.ready和onload的区别（建议收藏）
document.ready和onload的区别为:加载程度bai不同du.执行次数不同.执行速度zhi不同. 一.加载程度不同 1.document.ready:在DOM加载完成dao后就可以可以对 ...
js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...
onload、DOMContentLoaded、$(document).ready(fn)、$(document).load(fn)
特性 onload DOMContentLoaded $(document).ready(fn) $(document).load(fn) 执行时机页面全部加载完才会执行 DOM结构加载完毕就能执行 ...
windows.onload()
windows.onload() 调用必须等到页面内包括图片的所有元素加载完毕后才能执行. window.onload = Checkbox_Click. Checkbox_Click is a ...
锋利的jQuery--关于$(document).ready()函数及jQuery代码风格
jQuery代码: $(document).ready(function(){ //jQuery代码 }); 在该函数内的所有代码都将在DOM加载完毕后,页面全部内容(包括图片等)完全加载完毕前被执行 ...

html——windows.onload()与$(document).ready()区别

html——windows.onload()与$(document).ready()区别相关推荐

最新文章

热门文章