所属分类:web前端开发
JavaScript中load用法是“$(元素).load(当指定元素加载完成时运行的函数)”,当指定的元素(及子元素)已加载时,会发生load()事件。该事件适用于任何带有URL的元素(比如图像、脚本、框架、内联框架)。
本教程操作环境: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用法是什么的详细内容,更多请关注zzsucai.com其它相关文章!