小白教程
所有教程
关于
Search
172.70.100.205
172.70.100.205
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Event load”的源代码
本页内容
上一节:
Event_live
下一节:
Event_mousedown
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:load()}}[[Category:jquery ref events|36]] = jQuery load() 方法 = [[jquery ref events|jQuery 事件方法]] 当图像全部加载时警报文本: <sample title="" desc="" lang="html" hererun="1"> $("img").load(function(){ alert("图片已载入"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"> </script> <script> $(document).ready(function(){ $("img").load(function(){ alert("图片已载入"); }); }); </script> </head> <body> <img src="http://www.xiaobai.wang/wp-content/uploads/2015/11/rock600x400.jpg" alt="图片文字描述" width="304" height="236"> <p><b>注意:</b> 这个事件在不同浏览器效果有所不同,如果图片已缓存该事件则不会触发。</p> </body> </html> </run> == 定义和用法 == load() 方法在 jQuery 版本 1.8 中[[NewWindow('deprecated.htm')|已废弃]]。 load() 方法添加事件处理程序到 load 事件。 当指定的元素已加载时,会发生 load 事件。 该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)以及 window 对象。 根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件。 '''注意:'''还存在一个名为 load() 的 jQuery [[jquery ref ajax|AJAX]] 方法。根据不同的参数决定调用哪个方法。 == 语法 == <pre> $(selector).load(function)</pre> {| class="table table-striped table-hover" ! 参数 ! 描述 |- | function | 必需。规定当指定元素加载完成时运行的函数。 |} == 更多实例 == [[try.php?filename=tryjquery_event_load2|当图像全部加载时显示一些文本]] 当图像全部加载时如何改变 <div> 元素的文本。 [[try.php?filename=tryjquery_event_load_window|当页面全部加载时警报文本]] 当 window 对象(包括图像)全部加载时警报文本。 [[jquery ref events|jQuery 事件方法]]
返回至“
Event load
”。
上一节:
Event_live
下一节:
Event_mousedown