您的位置:首页 > Web前端 > JavaScript

JS获取浏览器宽和高

2013-01-27 11:27 232 查看
<form action="" name="form1">
<input type="text" name="width"/>
<input type="text" name="height"/>
</form>

<script type="text/javascript">
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.width.value= winWidth;
document.form1.height.value= winHeight;
}
//调用函数,获取数值
findDimensions();

//关联窗口改变事件
window.onresize=findDimensions;
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: