javascript判斷圖片是否加載完成的方法推薦
更新時(shí)間：2016年05月13日 15:17:56 投稿：jingxian
下面小編就為大家?guī)硪黄猨avascript判斷圖片是否加載完成的方法推薦。小編覺得挺不錯(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庫的支持，代碼需要放置到需要操作元素的下方。
以上這篇javascript判斷圖片是否加載完成的方法推薦就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JS判斷圖片是否加載完成方法匯總(最新版)
- 關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法
- js實(shí)現(xiàn)圖片在未加載完成前顯示加載中字樣
- js或者jquery判斷圖片是否加載完成實(shí)現(xiàn)代碼
- js判斷圖片加載完成后獲取圖片實(shí)際寬高的方法
- 使用JavaScript判斷圖片是否加載完成的三種實(shí)現(xiàn)方式
- JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法
- JavaScript實(shí)現(xiàn)判斷圖片是否加載完成的3種方法整理
- JavaScript怎么判斷圖片是否加載完成以便獲取其尺寸
- JS實(shí)現(xiàn)判斷圖片是否加載完成的方法分析
相關(guān)文章
無論是代碼高亮還是語法高亮對(duì)整個(gè)程序來說都非常重要，可以給人眼前一亮的感覺，增加用戶體驗(yàn)度，下面通過本文給大家介紹2016年最熱門的Javascript代碼高亮顯示腳本及代碼語法高亮工具，對(duì)js代碼高亮，代碼語法高亮相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)同一頁面取值的方法,結(jié)合實(shí)例形式分析了微信小程序在同一頁面取值的常見情況與具體操作技巧,需要的朋友可以參考下2019-04-04
第一次接觸神奇的Bootstrap導(dǎo)航條，Bootstrap讓W(xué)eb開發(fā)更迅速、更簡(jiǎn)單，感興趣的小伙伴們可以參考一下2016-08-08
JS根據(jù)當(dāng)天不同時(shí)間顯示不同廣告的代碼
這篇文章主要介紹了JS根據(jù)當(dāng)天不同的時(shí)間段顯示不同廣告的代碼，可以精確到小時(shí)當(dāng)然如果分鐘都可以判斷出來,需要的朋友可以參考下
2023-02-02 
javascript 常用方法 ，比較不錯(cuò)大家可以參考下。
2009-06-06 
原生JavaScript實(shí)現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11 
JavaScript編程開發(fā)中的五個(gè)實(shí)用小技巧
下面的5點(diǎn)說明確實(shí)不錯(cuò)，提高性能與可讀性，大家可以根據(jù)需要選擇使用。
2010-07-07 
基于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事件流和事件處理程序的注意事項(xiàng)，感興趣的小伙伴們可以參考一下
2016-01-01