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>

尝试一下

定义和用法

语法

参数

示例

相关页面