JavaScript簡單獲取頁面圖片原始尺寸的方法
本文實例講述了JavaScript簡單獲取頁面圖片原始尺寸的方法。分享給大家供大家參考，具體如下：
這里通過Image()對象獲取原始寬高
這種方式就沒有那么麻煩，直接new一個Image()對象，然后把img的src賦值給他即可獲取。
var img = new Image();
img.src = $("#target").attr("src");
if(img.complete){
alert('width:'+img.width+',height'+img.height);
img = null;
}else{
img.onload = function(){
alert('width:'+img.width+',height'+img.height);
img = null;
};
}
并且不要擔(dān)心new Image對象會多一個http請求，瀏覽器加載圖片后已經(jīng)有緩存，你new N個image對象都沒問題，當(dāng)然，內(nèi)存會消耗，所以用完后img置為null。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript傳遞變量 值傳遞 引用傳遞,需要的朋友可以參考下。2011-02-02
解決微信瀏覽器Javascript無法使用window.location.reload()刷新頁面
這篇文章主要介紹在微信瀏覽器Javascript無法使用window.location.reload()刷新頁面的解決方法，比較實用，需要的朋友可以參考下。2016-06-06
這篇文章主要介紹了js 對象使用的小技巧,結(jié)合實例形式分析了JavaScript對象的遍歷、查找、事件監(jiān)聽等相關(guān)操作技巧,需要的朋友可以參考下2019-11-11
JavaScript實現(xiàn)網(wǎng)頁留言板功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)網(wǎng)頁留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要為大家詳細(xì)介紹了laydate.js日期時間選擇插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
Bootstrap基本組件學(xué)習(xí)筆記之導(dǎo)航(10)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之導(dǎo)航,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
2007/12/23更新創(chuàng)意無限,簡單實用(javascript log)
在javascript開發(fā)過程中，如果總是使用alert的方式調(diào)試程序，在某些簡單的程序中是可行的. 但是在通常的項目很復(fù)雜，這種方式已經(jīng)很難滿足，企業(yè)級開發(fā)的需要。2007-12-12
js優(yōu)化針對IE6.0起作用，總結(jié)一下幾點：字符串拼接、for 循環(huán)、減少頁面的重繪、減少作用域鏈上的查找次數(shù)、避免雙重解釋等等，需要了解的朋友可以參考下，或許會有所幫助2012-12-12
5個可以幫你理解JavaScript核心閉包和作用域的小例子
這篇文章主要介紹了5個可以幫你理解JavaScript核心閉包和作用域的小例子,本文是翻譯自國外的一篇文章,短小精悍,需要的朋友可以參考下2014-10-10
使用jsonp實現(xiàn)跨域獲取數(shù)據(jù)實例講解
這篇文章主要介紹了使用jsonp實現(xiàn)跨域獲取數(shù)據(jù)實例講解,需要的朋友可以參考下2016-12-12