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)文章
通過手指觸屏，利用touchstart和touchend計算前后滑動距離，判斷是上拉還是下滑。接下來通過實例代碼給大家介紹js移動端判斷上拉和下滑功能，感興趣的朋友一起看看吧2017-08-08
javascript中的window.location.search方法簡介
window.location.search方法是截取當(dāng)前url中“?”后面的字符串，示例如下，感興趣的朋友可以參考下2013-09-09
這篇文章主要介紹了JS實現(xiàn)的自定義右鍵菜單,以兩則實例形式分析了javascript自定義右鍵菜單效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家介紹了JavaScript函數(shù)柯里化，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
KnockoutJS 3.X API 第四章之事件event綁定
event綁定即為事件綁定，即當(dāng)觸發(fā)相關(guān)DOM事件的時候回調(diào)函數(shù),這篇文章主要介紹了KnockoutJS 3.X API 第四章之事件event綁定的相關(guān)知識，感興趣的朋友一起看看吧2016-10-10
文章從什么是閉包、以及閉包所涉及的作用域鏈說起，講述了JavaScript垃圾回收機(jī)制、循環(huán)引用、循環(huán)引用和閉包、IE中的內(nèi)存泄漏以及解決方法，是篇非常詳盡，非常不錯的文章，這里推薦給大家。2014-11-11
JavaScript實現(xiàn)LRU緩存的三種方式詳解
LRU全稱為Least?Recently?Used，即最近使用的。針對的是在有限的內(nèi)存空間內(nèi)，只緩存最近使用的數(shù)據(jù)（即get和set的數(shù)據(jù)）。本文介紹了JavaScript實現(xiàn)LRU緩存的三種方式，需要的可以參考一下2022-06-06
玩微博的朋友都上傳過圖像吧，當(dāng)圖片上傳后用戶是可以隨意拖動圖片的，調(diào)整圖片的順序，那么此功能是怎么實現(xiàn)的，下面小編通過此篇文章給大家詳解基于avalon js實現(xiàn)仿微博拖動圖片排序，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JS封裝的模仿qq右下角消息彈窗功能,涉及javascript事件響應(yīng)、頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
VS?Code中JavaScript環(huán)境搭建配置全過程
node.js大部分基本模塊都用JavaScript語言編寫,JavaScript最早是運行在瀏覽器中,通常作為客戶端程序設(shè)計語言使用,node.js的出現(xiàn)使JavaScript也能用于服務(wù)端編程,這篇文章主要給大家介紹了關(guān)于VS?Code中JavaScript環(huán)境搭建配置的相關(guān)資料,需要的朋友可以參考下2024-02-02