本文目录一览：

如何判断有没有出现滚动条

我们要判断一个div上有没有出现水平方向滚动条，只需判断 scrollWidth 是否大于 clientWidth 即可。当border为0时，使用 offsetHeight - clientHeight 可以得到水平滚动条的宽度（如果有的话）。

检查页面内容是否溢出：在页面加载完成后，检查页面的内容溢出了窗口大小，出现内容超出窗口大小，那么浏览器会自动显示滚动条。

下图所示表格，EXCEL表格中下方无滚动条。点击EXCEL左上方“office”标识---弹出下拉菜单选项，鼠标移到最底下。点击“EXCEL选项”，如图红色区域。

打开我们的抖音APP，在视频的下方，我们可以看见一条细细白色的线，其实这就是进度条。 然后呢，我们长按这根白线，进度条就会完整的显示出来啦。 这时，我们只要拖动小白点到我们想看的位置就可以啦。

document.element.clientwidth和document.body.clientwidth的区别...

1、代码的意思是：如果根据ID得到的（ScreenOver）不为空的话，不显示；为空的话，那就生成一个objScreen对象；如果这个对象生成失败的话，那就创建一个ID为“div”的新对象。

2、clientWidth： 获取对象的宽度，即内容可视区域的宽度，也就是说页面浏览器中可以看到内容的这个区域的宽度。它不计算任何边距、边框、滚动条。

3、你可以用document.body.scrollWidth 来获取，但兼容性本人没有做过测试。

4、第二点：简单解释下window.top的问题。

5、FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。通用：document.body.clientWidth和document.body.clientHeight。

document.body.clientWidth是什么意思?

clientWidth： 获取对象的宽度，即内容可视区域的宽度，也就是说页面浏览器中可以看到内容的这个区域的宽度。它不计算任何边距、边框、滚动条。

第一个是设置左右宽度和高度 第二个是当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；否则浏览器客户区宽度是document.documentElement.clientWidth。第三个是设置整体页面的大小。

document.body.clientHeight 即可获得，很简单，很方便。

如何获取屏幕的宽度

1、在Windows系统中，可以按照以下步骤查看电脑屏幕大小： 右键点击桌面空白处，选择“显示设置”。 在“显示设置”窗口中，可以看到“分辨率”选项，其中显示的数字就是屏幕的大小。

2、查看显示器标签或说明书：通常在显示器的背面或底部有一个标签或说明书，上面会标有显示器的尺寸信息。

3、找一个平面且稳定的桌子，将显示器放置在桌子上面，保持显示器的稳定；用尺子量对角线的长度。

4、想象一下，16英寸的屏幕长度就是40：64厘米！而且，这个长度是指屏幕对角线的长度。

5、）进入开发者选项后点击进入【Smallestwidth】就可以设置屏幕数值了，PS：数值越大屏幕显示越小，所能显示的内容越多，可以根据自己的需求设置。

6、手机尺寸的查看方法 方法一：去 ZOL 中关村在线查，输入手机型号搜索即可。（图中，1 处为屏幕大小，2 处为屏幕分辨率）方法二：用尺量屏幕对角线长度，然后换算成英寸（54厘米 = 1 英寸）。

document.body.clientwidth和window.innerwidth的区别

clientWidth是内容可视区的宽度。offsetWidth是元素的实际宽度。offsetWidth和width区别 offsetWidth属性可以返回对象的padding+border+元素width属性值之和，style.width返回值就是定义的width属性值。

通过 window.innerWidth 和 window.innerHeight 获取 文档的水平和垂直滚动偏移量。因此，您可以找出用户滚动了多少。以CSS像素为单位 通过 window.pageXOffset 和 window.pageYOffset 获取 字面理解，视口即可以看见的窗口大小。

FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。通用：document.body.clientWidth和document.body.clientHeight。

你可以用document.body.scrollWidth 来获取，但兼容性本人没有做过测试。

avail：可用的。可用区域，不含滚动条，易与inner混淆。window.innerWidth/innerHeight：浏览器可见区域的内宽度、高度（不含浏览器的边框，但包含滚动条）。兼容：ie9/chrome、firefox。