js中怎么获得浏览器的高度?下面本篇文章就来给大家介绍一下使用javascript获得浏览器高度的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
在js中,可以使用HTML DOM innerHeight属性来获得浏览器的高度。innerheight属性返回浏览器窗口的文档显示区的高度。
语法:
获取window.innerHeight
设置window.innerHeight=pixels
浏览器支持
所有主流浏览器都支持innerHeight 属性。
补:innerwidth属性返回窗口的文档显示区的宽度。
注意:IE 8 及更早 IE版本不支持这两个属性。
示例:获取窗口的高度与宽度(不包含工具条与滚动条)
单击按钮来显示这个窗口的高度和宽度(不包括工具栏和滚动条). .
点我
function myFunction(){
var w=window.innerWidth;
var h=window.innerHeight;
x=document.getElementById("demo");
x.innerHTML="Width: " + w + " Heigth: " + h;
}
效果图:
更多前端开发知识,请查阅 HTML中文网 !!