html页面获取屏幕高度并控制高度

html页面获取屏幕高度并控制高度

写div,给id值。<DIV style="OVERFLOW: auto; HEIGHT: px"  id="h2" valign=top>

写js,获取屏幕高度,传给div。

<script language="JavaScript">

var b0=window.screen.availHeight;//这是最关键的一句!

b=(b0-180)/2;//

c=(b0-100)*(8/10);//

document.getElementById('frame').style.height=600;

document.getElementById("h1").style.height=b+30;

document.getElementById("h2").attributes["height"].nodeValue=b-30; </script> 

解决手机屏幕高度问题

window.screen.availHeight屏幕的可用高度

document.body.clientHeight当前文档中的body元素的高度

document.documentElement.clientHeight返回html的可用高度。

关于浏览器高度介绍的文章:

https://www.cnblogs.com/chris-oil/p/6662894.html

最后使用的是innerHight,代码如下:

<scriptlanguage="JavaScript">

//var b0=body.clientHeight;

//var b0=document.documentElement.clientHeight;

varb0=innerHeight;

e=30+30+40+40;

b=(b0-e)/2;//

//c=(b0-100)*(7.5/10);//,,

c=(b0-250);//,

d=(b0-100)*(1/10)-300;//,,

document.getElementById('frame').style.height=b0-100;

//document.getElementById("ping").style.height=100;

//document.getElementById('pingjia').style.height=winHeight*(2/10);

varh1=b+30;

varh2=b0-h1-e;

document.getElementById("h1").style.height=h1;

document.getElementById("h2").style.height=h2;

//document.getElementById("h2").attributes["height"].nodeValue=b+30;//

</script>

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: