js或者jquery判斷圖片是否加載完成實(shí)現(xiàn)代碼
更新時(shí)間：2013年03月20日 16:05:50 作者：
需要獲得圖片的寬度和高度，有些js或者jquery代碼在還沒(méi)有加載完圖片時(shí)就執(zhí)行了，這個(gè)問(wèn)題該怎么解決呢？接下來(lái)分別介紹下js與jquery提供的方法
網(wǎng)頁(yè)中有時(shí)候需要獲得圖片的寬度和高度，來(lái)定義某些大小，可是這個(gè)是需要從服務(wù)端請(qǐng)求圖片，下載到本地才能夠得到的，有些js或者jquery代碼在還沒(méi)有加載完圖片時(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)文章
JavaScript事件類型中焦點(diǎn)、鼠標(biāo)和滾輪事件詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript事件類型中焦點(diǎn)、鼠標(biāo)和滾輪事件，以及注意事項(xiàng)，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義tab切換，可滑動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript中判斷網(wǎng)絡(luò)狀態(tài)的幾種方法
這篇文章主要介紹了如何使用JavaScript的`navigator.onLine`屬性和`ononline`、`onoffline`事件來(lái)檢測(cè)瀏覽器的在線狀態(tài),并提供了兼容性代碼示例,需要的朋友可以參考下2025-02-02
JS實(shí)現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫(xiě)人民幣漢字的方法
這篇文章主要介紹了JS實(shí)現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫(xiě)人民幣漢字的方法,涉及javascript字符串與數(shù)組操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08
在前端開(kāi)發(fā)中，有時(shí)候我們需要判斷一個(gè)元素是否在可視區(qū)域內(nèi)，本文主要介紹了js如何對(duì)元素可視區(qū)域進(jìn)行判定，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel)實(shí)例詳解
這篇文章主要介紹了JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel),結(jié)合實(shí)例形式較為詳細(xì)的分析了BOM模型的常用對(duì)象與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11
這篇文章主要給大家介紹了關(guān)于利用jsonp解決js讀取本地json跨域的問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
在刪除時(shí)為了提醒用戶刪除數(shù)據(jù)的不可恢復(fù)一般都會(huì)有提示處理的，通常會(huì)使用js做到這一點(diǎn)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-11-11
這篇文章主要介紹了微信小程序之?dāng)?shù)據(jù)綁定原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JavaScript中的命令模式是一種設(shè)計(jì)模式,它提供了一種將命令封裝為對(duì)象的方式,從而允許我們將請(qǐng)求與實(shí)際執(zhí)行該請(qǐng)求的操作對(duì)象解耦,這種模式可以在不同的場(chǎng)景中使用,例如實(shí)現(xiàn)撤銷/重做操作、隊(duì)列任務(wù)等,本文我們將講解命令設(shè)計(jì)模式在JS中的使用2023-08-08