javascript判斷圖片是否加載完成的方法推薦
來源:易賢網(wǎng) 閱讀:998 次 日期:2016-07-01 09:27:41
溫馨提示:易賢網(wǎng)小編為您整理了“javascript判斷圖片是否加載完成的方法推薦”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)硪黄猨avascript判斷圖片是否加載完成的方法推薦。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。

load事件

<script type="text/javascript">

  $('img').onload = function() {

    //code

  }

</script>

優(yōu)點:簡單易用,不影響HTML代碼。

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

jquery方法

<script type="text/javascript">

$(function(){

  $('.pic1').each(function() {

    $(this).load(function(){

      $(this).fadeIn();

    });

  });

})

</script>

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

優(yōu)點:可以批量綁定元素事件,并且不影響HTML代碼內(nèi)容

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

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

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:javascript判斷圖片是否加載完成的方法推薦
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)