欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2016年05月13日 15:17:56   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇javascript判斷圖片是否加載完成的方法推薦。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。

load事件

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

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

缺點(diǎn):只能指定一個(gè)元素,javascipt代碼必須置于圖片元素的下方

jquery方法

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

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

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

缺點(diǎn):需要jquery庫(kù)的支持,代碼需要放置到需要操作元素的下方。

以上這篇javascript判斷圖片是否加載完成的方法推薦就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS根據(jù)當(dāng)天不同時(shí)間顯示不同廣告的代碼

    JS根據(jù)當(dāng)天不同時(shí)間顯示不同廣告的代碼

    這篇文章主要介紹了JS根據(jù)當(dāng)天不同的時(shí)間段顯示不同廣告的代碼,可以精確到小時(shí)當(dāng)然如果分鐘都可以判斷出來(lái),需要的朋友可以參考下
    2023-02-02
  • javascript 常用方法總結(jié)

    javascript 常用方法總結(jié)

    javascript 常用方法 ,比較不錯(cuò)大家可以參考下。
    2009-06-06
  • 原生JavaScript實(shí)現(xiàn)貪吃蛇游戲

    原生JavaScript實(shí)現(xiàn)貪吃蛇游戲

    這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)貪吃蛇游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • JavaScript編程開(kāi)發(fā)中的五個(gè)實(shí)用小技巧

    JavaScript編程開(kāi)發(fā)中的五個(gè)實(shí)用小技巧

    下面的5點(diǎn)說(shuō)明確實(shí)不錯(cuò),提高性能與可讀性,大家可以根據(jù)需要選擇使用。
    2010-07-07
  • 基于javascript實(shí)現(xiàn)數(shù)字英文驗(yàn)證碼

    基于javascript實(shí)現(xiàn)數(shù)字英文驗(yàn)證碼

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)數(shù)字英文驗(yàn)證碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • 學(xué)習(xí)JavaScript事件流和事件處理程序

    學(xué)習(xí)JavaScript事件流和事件處理程序

    這篇文章主要為大家介紹了學(xué)習(xí)JavaScript事件流和事件處理程序的注意事項(xiàng),感興趣的小伙伴們可以參考一下
    2016-01-01
  • 最新評(píng)論