作者:@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被填充到指定元素时,就会编译一次
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 从 Windows Forms 到微服务的经验教训
· 李飞飞的50美金比肩DeepSeek把CEO忽悠瘸了,倒霉的却是程序员
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee