js 如何获取浏览器的高度

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域，仅为页面呈现区域)的高度和宽度

宽度：documentdocumentElementclientWidth

高度：documentdocumentElementclientHeight

文档类型：XHTML10

浏览器：ALL

if(documentdocumentElement&&documentdocumentElementscrollTop)

    {

        scrollTop=documentdocumentElementscrollTop;

    }

    else if(documentbody)

    {

        scrollTop=documentbodyscrollTop;

    }

    if(scrollTop>50)

    {

    documentgetElementById('obj')styleopacity='0';

    }

var win_w = $(window)width();//获取宽度

var win_h = $(window)height();//获取高度

如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

先来一个浏览器窗口大小改变的事件，用来查看浏览器窗口的大小被改变可以触发一些函数

windowonresize 浏览器窗口大小改变事件

在写js的时候偶尔需要获取各种高度，比如；浏览器高度，页面高度，滚动高度等。

（不加边线）：

网页可见区域的高度和宽度（加边线）：

Javascript:

网页可见区域宽：

documentbodyclientWidth

网页可见区域高：

documentbodyclientHeight

网页可见区域宽：

documentbodyoffsetWidth

(包括边线的宽)

网页可见区域高：

documentbodyoffsetHeight

(包括边线的高)

网页正文全文宽：

documentbodyscrollWidth

网页正文全文高：

documentbodyscrollHeight

网页被卷去的高：

documentbodyscrollTop

网页被卷去的左：

documentbodyscrollLeft

网页正文部分上：

windowscreenTop

网页正文部分左：

windowscreenLeft

屏幕分辨率的高：

windowscreenheight

屏幕分辨率的宽：

windowscreenwidth

屏幕可用工作区高度：

windowscreenavailHeight

屏幕可用工作区宽度：

windowscreenavailWidth

JQuery:

$(document)ready(function(){

alert($(window)height());

//浏览器当前窗口可视区域高度

alert($(document)height());

//浏览器当前窗口文档的高度

alert($(documentbody)height());//浏览器当前窗口文档body的高度

alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度

包括border

padding

margin

alert($(window)width());

//浏览器当前窗口可视区域宽度

alert($(document)width());//浏览器当前窗口文档对象宽度

alert($(documentbody)width());//浏览器当前窗口文档body的宽度

alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度

包括border

padding

margin

})

documentgetElementById("iframe的id")scrollHeight //这是高度

documentgetElementById("iframe的id")scrollWidth //这是宽度

以上就是关于js 如何获取浏览器的高度全部的内容，包括:js 如何获取浏览器的高度、js获取滚动条距离浏览器顶部高度高度，改变导航css、js如何根据不同屏幕的大小，获得页面高度，自动调整列表高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！