浏览器窗口可视区域大小

获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法

一。对于IE9+,Chrome,Firefox,Opera以及Safari:

.window.innerHeight-浏览器窗口的内部高度

。window.innerWidth-浏览器窗口的内部宽度

二。对于iINternet Explorer8,7,6,5:

。document.documentElement.clientHeight表示Html文档所在窗口的当前高度

。document.documnetElement.clientWidth表示HTML文档所在窗口的当前宽度

或者

Document对象的body属性对应HTML文档的<body>标签

。documnet.body.clientHeight

。document.body.clientWidth

在不同浏览器都实用的javaScript方案:

var w=document.documentElement.clientWidth | | document.body.clientWidth;

var h=document.documentElement.clientHeight | |document.body.clientHeight;

例子:获取浏览器当前窗口大小

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
var w=document.documentElement.clientWidth||document.body.clientWidth;
var h=document.documentElement.clientHeight||document.body.clientHeight;
document.write(w+"*"+h+"<br>")

var w=document.documentElement.clientHeight;
var h=document.documentElement.clientWidth;
document.write(w+"*"+h+"<br>")

var w=window.innerWidth;
var h=window.innerHeight;
document.write(w+"*"+h+"<br>")

var w=document.body.clientWidth;
var h=document.body.clientHeight;
document.write(w+"*"+h)
</script>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值