本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
JavaScript中load用法是“$(元素).load(当指定元素加载完成时运行的函数)”,当指定的元素(及子元素)已加载时,会发生load()事件。该事件适用于任何带有URL的元素(比如图像、脚本、框架、内联框架)。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
定义和用法
当指定的元素(及子元素)已加载时,会发生 load() 事件。
该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)。
根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件。
1 | $(selector).load( function )
|
![1626682286739437.png PLMW)D__{ZK]EH3JBP6]RUI.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/111/373/449/1626682286739437.png)
当图像加载时,改变 div 元素的文本:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | < html >
< head >
< script type = "text/javascript" src = "/jquery/jquery.js" ></ script >
< script type = "text/javascript" >
$(document).ready(function(){
$("img").load(function(){
$("div").text("图像已加载");
});
});
</ script >
</ head >
< body >
< img src = "/i/shanghai_lupu_bridge.jpg" />
< div >图像正在加载中 ...</ div >
< p >< b >注释:</ b >根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件。</ p >
</ body >
</ html >
|
效果:
![1626682347383928.png W]B9T4{P~[AH8N)~LPDI[7Y.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/141/420/313/1626682347383928.png)
以上就是JavaScript中load用法是什么的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript中foreach如何退出循环
javascript如何设置颜色
javascript 设计模式之单例模式
20+道必知必会的vue面试题(附答案解析)
javascript用什么方法触发按钮的被点击事件
javascript如何给元素添加自定义属性
javascript怎么删除li
javascript字符串怎么替换字符
javascript怎么删除css样式
如何设计算法?常见的算法范式介绍
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript中load用法是什么