腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語(yǔ)言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線(xiàn)工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫(kù)

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國(guó)CMS WordPress

常用工具

PHP開(kāi)發(fā)工具 python Photoshop 必備軟件

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)文章

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