javascript判斷圖片是否加載完成的方法推薦

更新時間：2016年05月13日 15:17:56 投稿：jingxian

下面小編就為大家?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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

2016年最熱門的15 款代碼語法高亮工具，美化你的代碼
無論是代碼高亮還是語法高亮對整個程序來說都非常重要，可以給人眼前一亮的感覺，增加用戶體驗度，下面通過本文給大家介紹2016年最熱門的Javascript代碼高亮顯示腳本及代碼語法高亮工具，對js代碼高亮，代碼語法高亮相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
微信小程序?qū)崿F(xiàn)同一頁面取值的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)同一頁面取值的方法,結(jié)合實例形式分析了微信小程序在同一頁面取值的常見情況與具體操作技巧,需要的朋友可以參考下
2019-04-04
第一次接觸神奇的Bootstrap導(dǎo)航條
第一次接觸神奇的Bootstrap導(dǎo)航條，Bootstrap讓W(xué)eb開發(fā)更迅速、更簡單，感興趣的小伙伴們可以參考一下
2016-08-08
這篇文章主要介紹了JavaScript靜態(tài)作用域和動態(tài)作用域的實例代碼，本文通過文字實例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-06-06