×

使用HTML DOM innerHeight属性来获得浏览器的高度

作者:andy0012020.04.16来源:Web前端之家浏览:7069评论:0
关键词:jsinnerHeight

在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>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/jsii9288340985jdfjlkjlkj.html

网友评论文明上网理性发言 已有0人参与

发表评论: