document.body.clientHeightdocument.body.offsetHeightdocument.body.scrollHeight这三个都不行,我有三个200高的DIV,但这三个方式都获取了600,但我的浏览器是850多的。怎么才可以获取到850(即我浏览器的高度)
js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度宽度:document.documentElement.clientWidth高度:document.documentElement.clientHeight文档类型:XHTML1.0浏览器:ALL
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网页高度 window.document.body.offsetWidth; 返回当前网页宽度
网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.scrollTop网页被卷去的左: document.body.scrollLeft网页正文部分上: window.screenTop网页正文部分左: window.screenLeft屏幕分辨率的高: window.screen.height屏幕分辨率的宽: window.screen.width屏幕可用工作区高度: window.screen.availHeight屏幕可用工作区宽度: window.screen.availWidth
要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后): 1、outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。2、outerWidth属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具栏/滚动)。3、innerheight 返回窗口的文档显示区的高度。4、innerwidth 返回窗口的文档显示区的宽度。补充:在浏览器兼容方面:1、所有主流浏览器都支持 outerWidth 和 outerHeight 属性。注意:IE 8 及更早 IE 版本不支持该属性。2、所有主流浏览器都支持 innerWidth 和 innerHeight 属性。注意:IE 8 及更早 IE版本不支持这两个属性。获取代码:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 请调整浏览器窗口大小 浏览器窗口 的 实际高度: 浏览器窗口 的 实际宽度: