本文摘自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如何实现弹出层效果?(代码分析)
javascript怎样实现累加
h5里js和servlet实现文件上传的实现步骤
javascript基础入门买什么书
javascript居中怎么表示
javascript怎么强制转换成整型
javascript中创建对象的7种经典方式(总结)
深入了解javascript对象原型
nodejs的爬虫框架superagent
javascript的map方法有什么用
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript中load用法是什么