$(document).ready() VS window.onload

原创 2015年07月08日 20:01:31

在实际的工作工程中,经常使用到$(document).ready()以及window.onload方法,这两者的功能我一直以为是一样的,直到今天遇到问题才发现这两者的功能是有不同的,现在记录下来供参考。

首先点出两者之间最大的不同:$(document).ready()是当浏览器构造出DOM树后便会触发(即它不会等待其中的图片等元素加载完毕,只要构建出img等标签即可);window.onload则是等页面中的所有元素加载完成后才会触发。所以以后使用的时候要明白这两者的不同之处。$(document).ready()比较“着急”,想让你尽可能快的进行操作,而window.onload则比较“稳重”,它会等页面都加载完后才让你进行操作。

除了以上调用时间节点的不同之处,还有一些比较细微的不同,比如,window.onload是JavaScript原生的,而$(document).ready则是jquery中的;再比如一个页面中window.onload只能调用一次,而$(document).ready则可以调用多次等。

相关文章推荐

$(document).ready() Vs. window.onload

There are some advantages comparing with straightly using built-in JavaScript function. Javascript w...

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

jQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间    ...

$(document).ready()和window.onload的区别

(document).ready()是jQuery基于页面加载执行任务的一种主要方式。原生的window.onload事件也可以实现相同的效果。虽然这两个方法具有类似的效果,但是,它们在触发操作的时间...
  • tinny77
  • tinny77
  • 2015年05月18日 09:24
  • 315

浅谈JavaScript中的window.onload方法和JQuery中的$(document).ready()方法

浅谈JavaScript中的window.onload方法和JQuery中的$(document).ready()方法

document.ready和window.onload的区别

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件), 二是onload,指示页面包含图片等文件在内的所有元素都加载完成。 使用jQuery都是这样开始写...

window.onload和$(document).ready()的区别

window.onload与$(document).ready()分别是JavaScript和jQuery中加载完毕后执行操作的函数,相似而不同,本文就其细微的差别进行了较为详细的描述。...

window.onload与$(document).ready()比较

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

【jquery】一、 $(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 win...

document.ready与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 ...

[JQuery]window.onload和$(document).ready的区别

很多同学(包括我)刚接触jQuery时,都搞不清传统的window.onload和jQuery的$(document).ready有什么区别。甚至有人认为这两者其实是一个东西,其实不然。查询资料,基本...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:$(document).ready() VS window.onload
举报原因:
原因补充:

(最多只允许输入30个字)