js获得屏幕长度宽度

最新推荐文章于 2022-12-09 17:33:49 发布

哈佛凌晨

最新推荐文章于 2022-12-09 17:33:49 发布

阅读量3.1k

点赞数

分类专栏： javascirpt 文章标签：工作

javascirpt 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

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>