jQuery load() 方法

实例

图像完全加载时弹出提醒:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("img").load(function(){
  8. alert("Image loaded.");
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <img src="img_moustiers-sainte-marie.jpg" alt="Cinqueterra" width="304" height="236">
  15. <p><b>注意:</b> 根据浏览器的不同,如果缓存图像,则可能不会触发加载事件。</p>
  16. </body>
  17. </html>

定义与用法

load() 方法在 jQuery 1.8 版中被弃用,在 3.0 版中被 删除

load() 方法将事件处理程序附加到加载事件。

load 事件在加载指定元素时发生。

该事件适用于任何带有 URL 的元素(image, script, frame, iframe)和 window 对象关联的元素。

注意: 还有一个名为 load() 的 jQuery AJAX 方法。根据不同的参数决定调用哪个方法。

语法

  1. $(selector).load(function)
参数描述
function必填。指定加载指定元素后要运行的函数

更多实例

如何在图像完全加载时更改 div 元素的文本

如何在窗口对象(包括图像)完全加载时弹出提醒

分类导航