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