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