js或者jquery判斷圖片是否加載完成實(shí)現(xiàn)代碼
更新時(shí)間：2013年03月20日 16:05:50 作者：
需要獲得圖片的寬度和高度，有些js或者jquery代碼在還沒有加載完圖片時(shí)就執(zhí)行了，這個(gè)問(wèn)題該怎么解決呢？接下來(lái)分別介紹下js與jquery提供的方法
網(wǎng)頁(yè)中有時(shí)候需要獲得圖片的寬度和高度，來(lái)定義某些大小，可是這個(gè)是需要從服務(wù)端請(qǐng)求圖片，下載到本地才能夠得到的，有些js或者jquery代碼在還沒有加載完圖片時(shí)就執(zhí)行了。怎么辦呢？
jquery提供一個(gè)方法：
01.$("").load(function(){...});
其中選擇器是圖片的id或class，function里面的方法就是回調(diào)函數(shù)，在圖片加載完成后執(zhí)行，但是我試驗(yàn)了很多，壓根兒不是那么回事，正確的解決方法是：
用js的onload方法：
document.getElementById("").onload = function() {};
實(shí)驗(yàn)結(jié)果是可行的。
jquery提供一個(gè)方法：
復(fù)制代碼 代碼如下:
01.$("").load(function(){...});
其中選擇器是圖片的id或class，function里面的方法就是回調(diào)函數(shù)，在圖片加載完成后執(zhí)行，但是我試驗(yàn)了很多，壓根兒不是那么回事，正確的解決方法是：
用js的onload方法：
復(fù)制代碼 代碼如下:
document.getElementById("").onload = function() {};
實(shí)驗(yàn)結(jié)果是可行的。
您可能感興趣的文章:
- JS實(shí)現(xiàn)圖片預(yù)加載無(wú)需等待
- Jquery.LazyLoad.js修正版下載，實(shí)現(xiàn)圖片延遲加載插件
- JS判斷圖片是否加載完成方法匯總(最新版)
- javascript實(shí)現(xiàn)圖片延遲加載方法匯總(三種方法)
- jquery插件lazyload.js延遲加載圖片的使用方法
- js實(shí)現(xiàn)圖片在未加載完成前顯示加載中字樣
- 解決js圖片加載時(shí)出現(xiàn)404的問(wèn)題
- 關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法
- JavaScript判斷圖片是否已經(jīng)加載完畢的方法匯總
- JavaScript canvas實(shí)現(xiàn)加載圖片
相關(guān)文章
使用smartupload組件實(shí)現(xiàn)jsp+jdbc上傳下載文件實(shí)例解析
這篇文章主要介紹了使用smartupload組件實(shí)現(xiàn)jsp+jdbc上傳下載文件實(shí)例解析,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-01-01
uniapp使用navigateBack方法返回上級(jí)頁(yè)面并刷新的簡(jiǎn)單示例
最近寫uniapp項(xiàng)目的時(shí)候發(fā)現(xiàn)有時(shí)候需要更新頁(yè)面數(shù)據(jù),所以下面這篇文章主要給大家介紹了關(guān)于uniapp使用navigateBack方法返回上級(jí)頁(yè)面并刷新的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
本文介紹了js實(shí)現(xiàn)自定義路由，主要是事件hashchange的使用，然后根據(jù)我們的業(yè)務(wù)需求封裝。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JavaScript?中?this?關(guān)鍵字的作用及改變其上下文的方法
這篇文章主要介紹了JavaScript?中?this?關(guān)鍵字的作用和如何改變其上下文,通過(guò)使用?call,?apply,?bind?方法，可以改變函數(shù)中的?this?指向，從而在不同的上下文中使用同一個(gè)函數(shù)，需要的朋友可以參考下2023-01-01
這篇文章主要介紹了JS解惑之Object中的key是有序的么，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
js實(shí)現(xiàn)網(wǎng)頁(yè)圖片輪換播放
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)網(wǎng)頁(yè)圖片輪換播放，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
js設(shè)置默認(rèn)時(shí)間跨度過(guò)程詳解
這篇文章主要介紹了js設(shè)置默認(rèn)時(shí)間跨度過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
JavaScript動(dòng)態(tài)添加style節(jié)點(diǎn)的方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)添加style節(jié)點(diǎn)的方法,涉及javascript節(jié)點(diǎn)操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
JavaScript開發(fā)Chrome瀏覽器擴(kuò)展程序UI的教程
Chrome擴(kuò)展開發(fā)API中提供了一些關(guān)于UI外觀的操作,如果是剛剛上手的話首先需要了解Browser Actions、Omnibox、選項(xiàng)頁(yè)等,在這篇JavaScript開發(fā)Chrome瀏覽器擴(kuò)展程序UI的教程中,我們先來(lái)回顧一下基本知識(shí):2016-05-05
利用javascript實(shí)現(xiàn)全部刪或清空所選的操作
這篇文章主要介紹了利用javascript實(shí)現(xiàn)全部刪或清空所選的操作,需要的朋友可以參考下2014-05-05