js中怎么获得浏览器的高度？

js中怎么获得浏览器的高度？下面本篇文章就来给大家介绍一下使用javascript获得浏览器高度的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在js中，可以使用HTML DOM innerHeight属性来获得浏览器的高度。innerheight属性返回浏览器窗口的文档显示区的高度。

语法：

获取

window.innerHeight

设置

window.innerHeight=pixels

浏览器支持

所有主流浏览器都支持innerHeight 属性。

补：innerwidth属性返回窗口的文档显示区的宽度。

注意：IE 8 及更早 IE版本不支持这两个属性。

示例：获取窗口的高度与宽度(不包含工具条与滚动条)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮来显示这个窗口的高度和宽度(不包括工具栏和滚动条). .</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var w=window.innerWidth;
	var h=window.innerHeight;
	x=document.getElementById("demo");
	x.innerHTML="Width: " + w + " Heigth: " + h;
}
</script>

</body>
</html>

效果图：

1.jpg-600