获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法
一。对于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>