js获得屏幕长度宽度

古城微笑少年丶 2022-03-29 13:58 290阅读 0赞

## 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>