回到顶部


随笔 - 168  文章 - 1  评论 - 2  阅读 - 11万 

作者:@ssgao
本文为作者原创,转载请注明出处:https://www.cnblogs.com/ssgao/p/8868630.html


目录
ready事件
load事件

ready和load那一个先执行

DOM文档加载的步骤
(1) 解析HTML结构
(2) 加载外部脚本和样式表文件
(3) 解析并执行脚本代码
(4) 构造HTML DOM模型 //ready
(5) 加载图片等外部文件
(6) 页面加载完毕  //load
ready是在(4)完成的,load是在(6)完成

ready事件

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

load事件

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

load的函数(jqueryObj.load())

load()方法通过ajax获取服务端数据,并将返回数据放置到jqueryObj对象下。
load(url,data,function(response,status,xhr))
url: 规定要讲请求发送到哪个URL
data: 可选,规定连同请求发送到服务器的数据
function(response,status,xhr) 可选,当请求完成时运行的函数即回调函数:
    response: 包含来自请求的结果数据
    status: 包含请求的状态(‘success’ 'notmodified','error',timeout 或者 'parsersrror');
    xhr: 包含xmlHttpRequest对象
​
note:我们也可以值获取返回数据的部分内容
例如:$('#a').load('b.html','#c') 获取b.html 中id为c的部分内容填充到id为a元素下。
​
load加载的内容如果包含js,在js被填充到指定元素时,就会编译一次
posted on   ssgao  阅读(93)  评论(0编辑  收藏  举报
编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 从 Windows Forms 到微服务的经验教训
· 李飞飞的50美金比肩DeepSeek把CEO忽悠瘸了,倒霉的却是程序员
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee
点击右上角即可分享
微信分享提示