您当前位置：首页 > web前端 > jscript > Javascript 如何获取网络图片的高度和宽度

Javascript 如何获取网络图片的高度和宽度

来源：程序员人生发布时间：2014-04-26 13:39:30 阅读次数：2538次

　　网(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.wfuyu.com/</body></html><br /><center>网更多教程，请访问：<a href=http://www.wfuyu.com/ target=_blank _fcksavedurl="http://www.wfuyu.com/ target=_blank">http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 创建网站并不难!需要六个基本步骤

下一篇 用HTML5制作网页 - HTML5实例教程

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点