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