js 如何获取浏览器的高度?

<SCRIPT LANGUAGE="JavaScript"><!--var s = "";     s += " 网页可见区域宽:"+ document.body.clientWidth;     s += " 网页可见区域高:"+ document.body.clientHeight;     s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)";     s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)";     s += " 网页正文全文宽:"+ document.body.scrollWidth;     s += " 网页正文全文高:"+ document.body.scrollHeight;     s += " 网页被卷去的高(ff):"+ document.body.scrollTop;     s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop;     s += " 网页被卷去的左:"+ document.body.scrollLeft;     s += " 网页正文部分上:"+ window.screenTop;     s += " 网页正文部分左:"+ window.screenLeft;     s += " 屏幕分辨率的高:"+ window.screen.height;     s += " 屏幕分辨率的宽:"+ window.screen.width;     s += " 屏幕可用工作区高度:"+ window.screen.availHeight;     s += " 屏幕可用工作区宽度:"+ window.screen.availWidth;     s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";     s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";     alert (s);//--></SCRIPT>
时间: 2024-10-07 13:28:51

js 如何获取浏览器的高度?的相关文章

js jq获取浏览器各种高度

document.body.clientWidth; //网页可见区域宽(body) document.body.clientHeight; //网页可见区域高(body) document.body.offsetWidth; //网页可见区域宽(body),包括border.margin等 document.body.offsetHeight; //网页可见区域宽(body),包括border.margin等 document.body.scrollWidth; //网页正文全文宽,包括有滚动

js 批量获取浏览器参数

以前获取浏览器参数是这样的 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null) return unescape(r[2]); return null; } // 调用方法 alert(GetQue

关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)

三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY对象宽度

JS获取浏览器的高度和宽度

### 实用的 JavaScript 方案(涵盖所有浏览器,不包括工具栏/滚动条): 1 var w=window.innerWidth 2 || document.documentElement.clientWidth 3 || document.body.clientWidth; 4 5 var h=window.innerHeight 6 || document.documentElement.clientHeight 7 || document.body.clientHeight; ##

获取浏览器视口高度device-width

在进行移动设备web开发时,我们总会用到这样一条代码“<meta name='viewport' content='width=device-width,initial-scale=1.0' />, 有了这个meta标签之后,移动设备访问时展现效果会好很多,但新的问题来了,这个device-width等于多少呢? 在js中使用window.innerWidth即可获取当前页面展现的实际宽带,同理window.innerHeight为实际显示高度.

javascript获取浏览器的高度和宽度(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)

document.body.clientHeight: IE.chrome.firefox: body对象高度(height+padding),body的默认高度为0 document.body.clientWidth: IE.chrome.firefox body对象的宽度(width+padding),body的默认宽度是浏览器宽度减去body的maring document.documentElement.clientHeight/document.documentElement.clie

JS实时获取浏览器窗口尺寸 .

给div实时设置宽度 <div id="detail" style="width: 100%; overflow: scroll;"> </div> <script type="text/javascript">    var winWidth = 0;    var winHeight = 0;    function findDimensions() //函数:获取尺寸    {        //获取窗口

JS获取浏览器高度 并赋值给类

在给网站做轮播焦点图的时候,如果需要全屏的话,可以用下面的JS来获取浏览器高度,然后赋值给类. $(window).load(function () { var maxHeight = 0; if (document.documentElement.clientHeight > maxHeight) { maxHeight = document.documentElement.clientHeight; } $('.you-class').css("height", maxHei

用JS来控制 div的高度随浏览器变化而变化

<div id="test" style=" border: solid 1px #f00; "></div> <script type="text/javascript"> <!-- //作者:凌陈亮www.lingchenliang.com(QQ:57404811) autodivheight(); function autodivheight(){ //函数:获取尺寸 //获取浏览器窗口高度 var