如何用js控制图片的图大宽度或是最大高度

控制最大宽度和高高度，在css里面有max-width、max-height的属性，非要用js也不是不可以的，documentgetElementById('id')stylemaxWidth。这个属性ie6支持的不好。但是现在也不用兼容ie6了吧。如果你想宽图用最大宽度，竖图用最大高度的好，那你就加一个判断的语句再决定是max-width、还是max-height

假如在页面有一个img标签： <img src="hyzqjpg" id="test_img" />

编写代码：

var img = documentgetElementById("test_img");

alert(imgoffsetWidth+","+imgoffsetHeight);

打印出来就是 的 宽度 和高度。 你可以试一下，Chrome绝对可以。

这种情况用CSS来控制最合适。例如你想让初始显示为100px100px，则：

<img src="images/picpng" width="100" height="100" />

或者：

<img src="images/picpng" style="width:100px; height:100px" />

当页面中非常多，且要求每张的大小依据其父容器来固定怎么办？可以使用max-weight：

img {max-weight:100%;}

这样会自动缩放到和其父容器等宽。

var a='233232';

var b=amatch(/(\d+)/);

if(b[0]>400&&b[1]>200){alert('宽度不能大于400高度不能大于200');}

以上就是关于如何用js控制图片的图大宽度或是最大高度全部的内容，包括:如何用js控制图片的图大宽度或是最大高度、关于JS获取图图片长宽的问题，在Chrome下总是为0、用js设置图片宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！