PHP技术,PHP研究及学习,Python学习,人工智能,大数据服务

PHP+Python » 前端设计 » js获取浏览器的宽度和高度与屏幕宽度和高度

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

此文被围观2072日期: 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>


本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2018adophper.com All Rights Reserved.