您當前位置：首頁 > web前端 > jscript > Javascript 如何獲取網絡圖片的高度和寬度

Javascript 如何獲取網絡圖片的高度和寬度

來源：程序員人生發布時間：2014-04-26 13:39:30 閱讀次數：2668次

　　網(LieHuo.Net)教程一個變通辦法，Javascript文件如何獲取網絡地址的圖片的高度和寬度，簡單地說就是把圖片放入一個自動伸縮的DIV中，然后獲取DIV，下面看實例代碼。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>Javascript 如何獲取網絡圖片的高度和寬度</title></head><body>原圖片是：<img src="/uploads/allimg/091015/221500D33-0.gif" _fcksavedurl="/uploads/allimg/091015/221500D33-0.gif" /><div id="box"></div><script language="javascript">(function(){ var img=document.createElement('img');//創建一個img元素 img.src="/uploadfile/webqd/221500D33-0.gif";//指定src img.style.position="absolute";//防止正常的內容變形 img.style.visibility='hidden';//藏起來 var inj=document.getElementById('box').appendChild(img);//插入到box中。當然插入到document.body也可以 alert('寬：'+inj.offsetWidth);//然后就可以通過 offset 取得寬和高了 alert('高：'+inj.offsetHeight);})();</script>本文來自網http://www.jyygyx.com/</body></html><br /><center>網更多教程，請訪問：<a href=http://www.jyygyx.com/ target=_blank _fcksavedurl="http://www.jyygyx.com/ target=_blank">http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 創建網站并不難!需要六個基本步驟

下一篇 用HTML5制作網頁 - HTML5實例教程

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

Javascript 如何獲取網絡圖片的高度和寬度