DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript判斷圖片是否加載完成的方法推薦
javascript判斷圖片是否加載完成的方法推薦
編輯:關於JavaScript     

load事件

<script type="text/javascript">
  $('img').onload = function() {
    //code
  }
</script>

優點:簡單易用,不影響HTML代碼。

缺點:只能指定一個元素,javascipt代碼必須置於圖片元素的下方

jquery方法

<script type="text/javascript">
$(function(){
  $('.pic1').each(function() {
    $(this).load(function(){
      $(this).fadeIn();
    });
  });
})
</script>

注意,不要在$(document).ready()裡綁定load事件。

優點:可以批量綁定元素事件,並且不影響HTML代碼內容

缺點:需要jquery庫的支持,代碼需要放置到需要操作元素的下方。

以上這篇javascript判斷圖片是否加載完成的方法推薦就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved