通过Js来获取所有屏幕分辨率的总结

最新推荐文章于 2024-07-02 16:34:13 发布

Rkatsiteli

最新推荐文章于 2024-07-02 16:34:13 发布

阅读量1w

点赞数 1

分类专栏： JavaScript + JQuery 文章标签：通过Js来获取所有屏幕分辨率的总结 javascript

本文链接：https://blog.csdn.net/qq_16559905/article/details/50474199

版权

JavaScript + JQuery 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

通过Js来获取所有屏幕适配的总结

<script type="text/javascript">
   window.οnlοad=function(){
   //document.getElementById("test").style.height="200px";
   //document.getElementsByTagName('div')[0].offsetHeight='600px';
   document.getElementsByTagName('div')[0].style.height=document.body.clientHeight+'px';
       //alert(document.getElementsByTagName('div')[0].offsetHeight=document.body.clientHeight);
       //alert(document.body.clientHeight);
   };
</script>

<html>
<script>
function a(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height

"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight

"网页可见区域宽："+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
);
}
</script>
<body οnlοad="a()" >
</body>
</html>