js 获取web界面宽度和高度的方法总结

最新推荐文章于 2023-09-30 20:24:54 发布

ciacai

最新推荐文章于 2023-09-30 20:24:54 发布

阅读量2.5k

点赞数

分类专栏： css 文章标签： web 工作 function

本文链接：https://blog.csdn.net/caicai0328/article/details/7703011

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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);

}

var h=document.body.clientHeight-90;
document.getElementById('mainTable').style.height = h + 'px'; 通过这种方式可以动态修改界面的高度和宽度