的宽度和高度一般都是固定的，如果随意更改的宽度和高度，容易使变形，从而影响的美观度。如非必要，不建议更改的宽和高。
js获取浏览器的宽度和高度，这里只获取可视范围内的宽度和高度。然后将取出的值赋给即可。代码如下。
<html><head><meta charset="utf-8" /></head>
<body>
<img id="img1" src="ooojpg" />
<!-- 程序开始 -->
<script>
var aHeight=documentdocumentElementclientHeight;//可视范围的高度
var aWidth=documentdocumentElementclientWidth;//可视范围的宽度
var oImg=documentgetElementById('img1');
oImgstyleheight=aHeight+'px';
oImgstylewidth=aWidth+'px';
</script>
<!-- 程序结束 -->
</body>
</html>
我这里有个IE下可用的，我以前做过的项目里的：
var tmpObj = new Image();
tmpObjsrc = path;
if(tmpObjwidth>500){
tmpObjheight = parseInt(500 tmpObjheight / tmpObjwidth);
tmpObjwidth = 500;
}
var imgObj = documentgetElementById(targetId);
imgObjsrc = path;
imgObjwidth = tmpObjwidth;
imgObjheight = tmpObjheight;
imgObjstyledisplay = "block";
本文来自CSDN博客，转载请标明出处：>
网页可见区域宽或高、网页正文全文宽或高以及网页正文部分左或右，详细请看下文，希望对你有所帮助
具体代码如下：
网页可见区域宽： documentbodyclientWidth网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
以上就是关于如何用js获取浏览器宽高然后作为图片的宽高使用全部的内容，包括:如何用js获取浏览器宽高然后作为图片的宽高使用、JS获取图片宽高，急急急~、js absolute dom怎么读取宽高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）