JAVA、PHP、前端、APP、网站开发 - 开发技术学习

开发技术学习 » 前端设计 » js获取浏览器的宽度和高度与屏幕宽度和高度

js获取浏览器的宽度和高度与屏幕宽度和高度

此文被围观3821日期: 2012-05-31 分类 : 前端设计  标签:  ···········

亲测兼容各种浏览器(IE、Firefox、chrome、360、Opera。。。) 获取浏览器的窗口的宽度和高度:

<script type=”text/javascript”>
var winWidth = 0;
var sinHeight = 0;
//获取宽度
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){
winWidth = document.documentElement.clientWidth;
winHeight = document.documentElement.clientHeight;
}
alert(winWidth+’,'+winHeight);
</script>
 
//获取屏幕的宽度和高度
<script>
var winWidth = screen.width;
var winHeight = screen.height;
alert(winWidth+’,'+winHeight);
</sciprt>


站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。蜀ICP备12031064号