jQuery load() 方法
-
定义和用法
load() 方法在 jQuery 1.8 版本中已废弃。load() 方法添加事件处理程序到 load 事件。当指定的元素已加载时,会发生 load 事件。该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)以及 window 对象。根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件。提示:还存在一个名为 load() 的 jQuery load 方法。根据不同的参数决定调用哪个方法。 -
语法
$(selector).load(function) -
参数
参数 描述 function 必需。规定当指定元素加载完成时运行的函数。 -
示例
下例演示了当图像全部加载时警报文本:
尝试一下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>欢迎来到蝴蝶教程</title> //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function () { $("img").load(function(){ alert("图片已载入"); }); }); </script> </head> <body> <img src="/images/xbs.jpg" alt="图片文字描述" width="310" height="240" > <p>注意:这个事件在不同浏览器效果有所不同,如果图片已缓存该事件则不会触发。</p> </body> </html>
-