当前位置:首页>开发>正文

jquery中$ready和window.onload的区别 jquery的ready方法与 有什么区别

2023-04-13 18:35:23 互联网 未知 开发

 jquery中$ready和window.onload的区别 jquery的ready方法与 有什么区别

jquery中$ready和window.onload的区别

window.onload与jquery中的$(docuemnt).ready(function(){})【或$(function(){})】的比较
相同:window.onload和$(function(){})在功能上大体相同,都表示初始化。
不同:window.onload当文档加载完后触发onload事件,且onload事件不能重复使用,如果写了多个onload,则只会执行最后一个onload。
$(docuemnt).ready(function(){})【或$(function(){})】有多少个执行多少个,$(function(){}):表示对象加载完就执行。

jquery的ready方法与 有什么区别

有区别.

ready()方法意思是等整个页面的DOM树解析完毕执行.

而直接绑定方法是页面流从上往下解析到当前位置时执行. 这个时候不一定DOM加载完毕, 所以很可能出错.

而放在ready方法里面,就不会出错!

jQuery中ready和load的区别

ready事件:

ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行。

load事件:

load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就会出现这种情况:网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即时被触发。

总结:

相信大家已经了解了ready与load的区别,其实如果页面中要是没有图片之类的媒体文件的话ready与load是差不多的,但是页面中有文件就不一样了,所以还是推荐大家在工作中用ready。

jquery ajax的readyState和status的区别和使用

1)readyState
readyState是XMLHttpRequest对象的一个属性,用来标识当前XMLHttpRequest对象处于什么状态。
readyState总共有5个状态值,分别为0~4,每个值代表了不同的含义,如下表所示:
0 未初始化状态:此时,已经创建了一个XMLHttpRequest对象
1 准备发送状态:此时,已经调用了XMLHttpRequest对象的open方法,并且XMLHttpRequest对象已经准备好将一个请求发送到服务器端
2 已经发送状态:此时,已经通过send方法把一个请求发送到服务器端,但是还没有收到一个响应
3 正在接收状态:此时,已经接收到HTTP响应头部信息,但是消息体部分还没有完全接收到
4 完成响应状态:此时,已经完成了HTTP响应的接收
2)status
status是XMLHttpRequest对象的一个属性,表示响应的HTTP状态码。
在HTTP1.1协议下,HTTP状态码总共可分为5大类,如下表所示:
1XX 服务器收到请求,需要继续处理。例如101状态码,表示服务器将通知客户端使用更高版本的HTTP协议。
2XX 请求成功。例如200状态码,表示请求所希望的响应头或数据体将随此响应返回。
3XX 重定向。例如302状态码,表示临时重定向,请求将包含一个新的URL地址,客户端将对新的地址进行GET请求。
4XX 客户端错误。例如404状态码,表示客户端请求的资源不存在。
5XX 服务器错误。例如500状态码,表示服务器遇到了一个未曾预料的情况,导致了它无法完成响应,一般来说,这个问题会在程序代码出错时出现。