js获得屏幕长度宽度

js获得屏幕长度宽度


网页可见区域宽 document.body.clientWidth 
网页可见区域高 
document.body.clientHeight 
网页可见区域宽(包括边线的宽) 
document.body.offsetWidth 
网页可见区域高(包括边线的宽) 
document.body.offsetHeight 
网页正文全文宽 
document.body.scrollWidth 
网页正文全文高 
document.body.scrollHeight 
网页被卷去的高 
document.body.scrollTop 
网页被卷去的左 
document.body.scrollLeft 
网页正文部分上 
window.screenTop 
网页正文部分左 
window.screenLeft 
屏幕分辨率的高 
window.screen.height 
屏幕分辨率的宽 
window.screen.width 
屏幕可用工作区高度 
window.screen.availHeight 
屏幕可用工作区宽度 
window.screen.availWidth

把以下这段代码放到<head></head>之间或<body></body>之间预览即可看到数据
<script language="javascript"type="text/javascript">

width_screen=screen.width;
 
height_screen=screen.height;
 
availWidth_screen=screen.availWidth;
 
availHeight_screen=screen.availHeight;
 
colorDepth_screen=screen.colorDepth;
 

 

 
document.write("你的屏幕宽为:"+width_screen+"<br/>你的屏幕高为:"+height_screen+"<br/>你的屏幕可用宽为:"+availWidth_screen+"<br/>你的屏幕可用高为:"+availHeight_screen+"<br/>你的颜色设置所有为数为:"+colorDepth_screen);
 

</script>

 

<scriptlanguage="javascript">
function screenInfo(){
 
  var  s = "";
 
  s += "\r\n网页可见区域宽:"+document.body.clientWidth;
 
  s += "\r\n网页可见区域高:"+document.body.clientHeight;
 
  s += "\r\n网页可见区域宽:"+document.body.offsetWidth  +" (包括边线的宽)";
 
  s += "\r\n网页可见区域高:"+document.body.offsetHeight +" (包括边线的宽)";
 
  s += "\r\n网页正文全文宽:"+document.body.scrollWidth;
 
  s += "\r\n网页正文全文高:"+document.body.scrollHeight;
 
  s += "\r\n网页被卷去的高:"+document.body.scrollTop;
 
  s += "\r\n网页被卷去的左:"+document.body.scrollLeft;
 
  s += "\r\n网页正文部分上:"+window.screenTop;
 
  s += "\r\n网页正文部分左:"+window.screenLeft;
 
  s += "\r\n屏幕分辨率的高:"+window.screen.height;
 
  s += "\r\n屏幕分辨率的宽:"+window.screen.width;
 
  s += "\r\n屏幕可用工作区高度:"+window.screen.availHeight;
 
  s += "\r\n屏幕可用工作区宽度:"+window.screen.availWidth;
 
  alert(s);
}
</script>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值