javascript ready和load事件的区别

如题所述

  根据ready()方法的API说明
  这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully loaded.
  即当DOM加载完毕的时候,执行这个指定的方法.
  因为只有document的状态ready之后,对page的操作才是安全的.
  $(document).ready()仅在DOM准备好的时候执行一次.
  与之相比,load事件会等到页面渲染完成执行,即等到所有的资源(比如图片)都完全加载完成的时候.
  $(window).load(function(){…})会等整个页面,不仅仅是DOM,还包括图像和iframes都准备好之后,再执行.
  而ready()是在DOM准备好之后就执行了,即DOM树建立完成的时候.所以通常ready()是一个更好的时机.
  如果DOM初始化完成之后再调用ready()方法,传入的新的handler将会立即执行
  注意:ready()方法多次调用,传入的handler方法会串联执行(追加).
  而JavaScript中,window.onload是赋值一个方法,即后面的会覆盖掉前面的.
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-15
ready一般是你要用jq代码时用的。
$(document).ready(function(){
//do something
})

load一般是要用js代码的时候用的
$(window).onload(function() {
alert("hello");
});

1.执行时间

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。

2.编写个数不同

window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个

$(document).ready()可以同时编写多个,并且都可以得到执行

3.简化写法

window.onload没有简化写法

$(document).ready(function(){})可以简写成$(function(){});本回答被提问者和网友采纳
第2个回答  2015-07-20
以下答案为百度

* 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),
*二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload 前加载!!!)
*window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
*$(document).ready()可以同时编写多个,并且都可以得到执行
*$()是$("document").ready()方法的简写

javascript ready和load事件的区别
load事件:页面资源全部载入(JS,CSS,图片等全部加载完)触发。ready事件:原生无ready事件,只有DOMContentLoaded事件。jQuery中的ready事件为,当DOM加载完成触发,此时引用的资源未必已加载完成。所以,ready事件总是先于load事件触发。

javascript ready和load事件的区别
这样看的话,ready会比load先执行。

$ready,body.Onload和 load的区别
document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成。

javascript ready和load事件的区别
你说的load应该是onload吧,这个jquery中没有的,jquery只有ready方法,ready方法是在所有页面文件(不包括视频等媒体文件)加载完成后执行的,onload方法是在所有文件加载完成后执行的,包括视频等媒体文件

jquery用load可以正常执行ready却不行
那应该是因为你的资源还未完全加载完成导致的 ready指的是页面加载完成立即执行 load指的是页面中所有资源加载完成之后才执行 个人建议把你的js放到底部

资源加载和页面事件load, ready, DOMContentLoaded...
资源加载与页面事件的监控是通过特定的事件来实现的。这些事件包括load、ready与DOMContentLoaded。load事件用于监控整个文档(包括资源)是否加载完毕,当所有资源加载完毕后触发。原生JavaScript的实现方式为:当页面加载完毕时,触发load事件。jQuery库提供了简便的写法,使用ready函数监控DOM是否加载完毕。DOM加载...

JS 页面加载触发事件 document.ready和onload的区别
一、使用时机不同 1、onload:当用户进入页面时就会触发。2、document.ready:是当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。二、作用不同 1、onload:事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。2、document.ready:是对向window.load事件注册事件的替代方法。

jquery$(document).ready()与window.onload的区别
1. $.ready:这是jQuery提供的一个方法,它会在HTML文档被完全加载和解析完成之后,但在其他外部资源加载完成之前执行。换句话说,当DOM结构绘制完毕,就可以运行该函数中的代码了。2. window.onload:这是一个JavaScript事件,它会在整个网页完全加载完成后触发。只有在所有内容都加载完毕,页面准备好呈现...

javascript window.onload 事件和$ready函数有何不同
JQuery的ready函数与JS的onload的区别:1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 (document).ready()可以...

document.ready和onload的区别
一、加载程度不同 1.document.ready:在DOM加载完成后就可以可以对DOM进行操作。一般情况一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。2.onload:在document文档加载完成后就可以可以...

相似回答