js 如何获得浏览器的高度

这里在高度包括菜单栏,工具栏,也就是整个浏览器在大小,请问小如何获得... 这里在高度包括菜单栏,工具栏,也就是整个浏览器在大小,请问小如何获得 展开
 我来答
逐梦边城
2015-10-07 · TA获得超过8497个赞
知道小有建树答主
回答量:1855
采纳率:92%
帮助的人:298万
展开全部
要在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"
<head>
<title>请调整浏览器窗口</title> <meta http-equiv="content-type" content="text/html; charset=gb2312">
</meta></head>
<body>
<h2 align="center">请调整浏览器窗口大小</h2><hr />
<form action="#" method="get" name="form1" id="form1">
<!--显示浏览器窗口的实际尺寸-->
浏览器窗口 的 实际高度: <input type="text" name="availHeight" size="4"/><br />
浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"/><br />
</form>
<script type="text/javascript">
<!--
var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数:获取尺寸
{
//获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//结果输出至两个文本框
document.form1.availHeight.value= winHeight;
document.form1.availWidth.value= winWidth;
}
findDimensions();
//调用函数,获取数值
window.onresize=findDimensions;
//-->
</script>
</body>
</html>
匿名用户
2011-12-12
展开全部
1、作为位运算的异或运算符,只要对应的位不相同则为1相同为0比如0x03 ^ 0x05 = 0x06
2、keil c( 51单片机 )中表示IO口的其中一位,如P0^1表示P0口的第一位
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
老刀正能量
2011-11-28 · TA获得超过2011个赞
知道大有可为答主
回答量:1487
采纳率:0%
帮助的人:1528万
展开全部
屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth
追问
这个是屏幕 ,我要 在是浏览器,大姐
追答
那还不简单:

function aa(){
if(/*@cc_on!@*/false){
alert("宽度:"+document.body.offsetWidth+"高度:"+document.body.offsetHeight)
}else{
alert("宽度:"+window.outerWidth+",高度:"+window.outerHeight);
}
}

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
太月的距离
2012-04-19
知道答主
回答量:16
采纳率:0%
帮助的人:7.7万
展开全部
document.documentElement.clientHeight;/*浏览器可用区域高*/
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友dde64d5e7
2011-11-28 · TA获得超过2310个赞
知道小有建树答主
回答量:1430
采纳率:66%
帮助的人:1403万
展开全部
screen.availHeight
screen.availWidth
追问
浏览器 ,大姐,您再重新说个
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式