欢迎来到亿搜云建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

js获取图片的高与宽

       幻灯片和轮播图     2015-08-05     eycms     89     0    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>js获取图片的高与宽</title>

</head>

<body>

原图片是 :

<img src="http://1xx.cn.net/banner/banner.gif" />

<div id="box"></div>

<script language="<a href=http://1xx.cn.net/js_a/js.html target=_blank >javascript</a>">

(function(){

var img=document.createElement('img');//创建一个img元素

img.src="http://1xx.cn.net/banner/banner.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>

asdf

</body>

</html>


--结束END--

本文链接: http://www.eycms.cn/resources/slide/67.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“亿搜云”
"亿搜云平台前端开发教学"
每日干货技术分享
 

×

成为 亿搜云平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

亿搜云平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 40819446

客服电话: 15250286283

售前咨询 售后服务
在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 17:00

WAP

手机
访问

移动端访问
手机上也能选模板

亿搜云平台手机端