今天我们一起来了解一下JavaScript中load事件的用法,小编觉得load事件还是比较实用的,因此分享给大家做个参考,下文有对load事件的定义及用法,,有这个方面学习需求的朋友就继续往下看吧。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
定义和用法
当指定的元素(及子元素)已加载时,会发生 load() 事件。
该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)。
根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件。
$(selector).load(function)
当图像加载时,改变 div 元素的文本:
<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>
效果:
以上就是javascript中load事件的用法介绍啦,希望大家阅读完这篇文章能有所收获,想要了解更多JavaScript中的事件,请关注群英网络其它相关文章。
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2018 群英 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号-36 粤公网安备 44090202000006号 粤工商备P091701000595