前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >通过Js来获取所有屏幕分辨率的总结

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

作者头像
White feathe
发布2021-12-08 14:28:12
4K0
发布2021-12-08 14:28:12
举报
文章被收录于专栏:White feathe 的博客

通过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>

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/01/07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档