js 获取页面宽高（转）

最新推荐文章于 2021-05-16 13:34:56 发布

轩雪初晨

最新推荐文章于 2021-05-16 13:34:56 发布

阅读量65

点赞数

分类专栏： document.body.clientWidth scrollWidth offsetWidth clientHeight WEB 文章标签： html js clientWidth body

本文链接：https://blog.csdn.net/ahjsljs/article/details/84447302

版权

WEB 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

document.body.clientWidth scrollWidth offsetWidth clientHeight

0 篇文章 0 订阅

订阅专栏

function gets()
{
var s ="网页可见区域宽："+ document.body.clientWidth;
s += " 网页可见区域高：" + document.body.clientHeight;
s += " 网页可见区域宽：" + document.body.offsetWidth +" (包括边线的宽)";
s += " 网页可见区域高：" + document.body.offsetHeight +" (包括边线的宽)";
s += " 网页正文全文宽：" + document.body.scrollWidth;
s += " 网页正文全文高：" + document.body.scrollHeight;
s += " 网页被卷去的高：" + document.body.scrollTop;
s += " 网页被卷去的左：" + document.body.scrollLeft;
s += " 网页正文部分上：" + window.screenTop;
s += " 网页正文部分左：" + window.screenLeft;
s += " 屏幕分辨率的宽：" + window.screen.width;
s += " 屏幕分辨率的高：" + window.screen.height;
s += " 屏幕可用工作区宽度：" + window.screen.availWidth;
s += " 屏幕可用工作区高度：" + window.screen.availHeight;
document.getElementById('dd').innerHTML = s;
}

有时会出现取不到值的情况，是因为我的ＨＴＭＬ文件头部加了文档类型。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

解决办法：

１.去掉头部文档类型。

２.把document.body.scrollTop和document.body.scrollLeft这两个家伙改个名字：

document.documentElement.scrollTop 和document.documentElement.scrollLeft。

当然document.body.clientWidth和document.body.clientHeight也要改名字了，改为：document.documentElement.clientWidth和document.documentElement.clientHeight

轩雪初晨

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 获取页面宽高（转）

function gets(){var s ="网页可见区域宽："+ document.body.clientWidth; s += "&lt;br&gt;网页可见区域高：" + document.body.clientHeight; s += "&lt;br&gt;网页可见区域宽：" + document.body.offsetWidth +" (包括边线的宽)"; s += "&
复制链接

扫一扫