360浏览器的 js 获取不到准确的窗口高度_框架

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

宽度：documentdocumentElementclientWidth

高度：documentdocumentElementclientHeight

在Chrome及IE8中测试正确，其余未测试

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

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

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

精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

eventclientX 相对文档的水平座标

eventclientY 相对文档的垂直座标

eventoffsetX 相对容器的水平坐标

eventoffsetY 相对容器的垂直坐标

documentdocumentElementscrollTop 垂直方向滚动的值

eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量

实现代码

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"

获取浏览器窗口的高度，减去这个元素的top的高度，如果是用bottom定位，就直接获取bottom的值就好了啊比如id为fix就getElementById(‘fix’)stylebottom这样

<html>

<head>

</head>

documentgetElementById("div1")styleheight=documentbodystyleheight;

alert(documentgetElementById("div1")styleheight);

//如果body，没有设置样式，这个高度就为空

documentgetElementById("div1")styleheight=documentbodyclientHeight

alert(documentgetElementById("div1")styleheight);

//如果设置了样式，offsetHeight就等于样式的height否则等于clientHeight

documentgetElementById("div1")styleheight=documentbodyoffsetHeight

alert(documentgetElementById("div1")styleheight);

</script>

</body>

</html>

以上就是关于360浏览器的 js 获取不到准确的窗口高度全部的内容，包括:360浏览器的 js 获取不到准确的窗口高度、js如何根据不同屏幕的大小，获得页面高度，自动调整列表高度、js怎么取得文本框的宽度与高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

360浏览器的 js 获取不到准确的窗口高度