本文目录一览：
- 1、document.body.clientWidth是什么意思?
- 2、html各种页面宽度outerWidth、innerWidth、clientWidth
- 3、document.body.clientwidth和window.innerwidth的区别
- 4、错误:无法获取属性clientWidth的值:对象为null或未定义
- 5、理清window和document的区别以及两者的宽高
- 6、clientWidth等指的是什么
document.body.clientWidth是什么意思?
1、第一个是设置左右宽度和高度 第二个是当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；否则浏览器客户区宽度是document.documentElement.clientWidth。第三个是设置整体页面的大小。
2、document.body.clientHeight 即可获得，很简单，很方便。
3、第二点：简单解释下window.top的问题。
4、scrollWidth是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）clientWidth是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。-clientwidth
html各种页面宽度outerWidth、innerWidth、clientWidth
1、window.outerWidth ： 浏览器宽度。window.innerHeight ： 浏览器内页面可用高度；此高度包含了水平滚动条的高度(若存在)。可表示为浏览器当前高度去除浏览器边框、工具条后的高度。-clientwidth
2、通过 document.documentElement.clientWidth 和 document.documentElement.clientHeight //document.documentElement实际上是html元素 获取 我们平时设置的html/body width：100%，实际上就是设置html，body等于视口的宽度。-clientwidth
3、直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表 然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。
4、目前来讲html不具备获取浏览器宽度的能力。
document.body.clientwidth和window.innerwidth的区别
1、clientWidth是内容可视区的宽度。offsetWidth是元素的实际宽度。offsetWidth和width区别 offsetWidth属性可以返回对象的padding+border+元素width属性值之和，style.width返回值就是定义的width属性值。-clientwidth
2、clientWidth与clientHeight 1 该属性指的是元素的可视部分宽度和高度，即padding + content。 2 如果没有滚动条，即为元素设定的高度和宽度。
3、FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。通用：document.body.clientWidth和document.body.clientHeight。-clientwidth
4、代码的意思是：如果根据ID得到的（ScreenOver）不为空的话，不显示；为空的话，那就生成一个objScreen对象；如果这个对象生成失败的话，那就创建一个ID为“div”的新对象。
错误:无法获取属性clientWidth的值:对象为null或未定义
1、以计算机为例，无法获取未定义或null引用的属性的原因是网页中调用了本机的office控件（Excel或Word等）。需要设置IE选项：允许各种ActiveX控件运行。
2、获取为空，利用debug调试，找到第一次值传递为空的地方，重新查看那个地方使用的方法即可。
3、右击IE图标——属性——高级——选中“禁用脚本调试”，取消“显示每个脚本错误的通知”；右击我的电脑图标——属性——高级——错误报告——选中“禁用错误报告”。
理清window和document的区别以及两者的宽高
1、clientWidth与clientHeight 1 该属性指的是元素的可视部分宽度和高度，即padding + content。 2 如果没有滚动条，即为元素设定的高度和宽度。
2、指代不同 document对象：代表给定浏览器窗口中的 HTML 文档。window对象：表示浏览器中打开的窗口。
3、window代表的是浏览器的窗口，是js中存在的全局对象，document代表的是文档对象，是HTMLDocument的实例，可以用来访问HTML页面中的所有元素，实现对页面结构的操作。document是window的一个属性。-clientwidth
4、document对象是一个跟当前文档相关的对象，拥有一些操作文档内容的功能，其功能上跟window对象差不多，因为window拥有一些操作浏览器窗口的功能。
5、document 是window的属性=窗口下的页面。就效果来说 这两个是一样的，但！尽量不使用window对象来绑定这种事件。因为你的目的是监听鼠标在页面上移动，document代表当前的文档(页面)。所以就语义来讲要使用document。-clientwidth
clientWidth等指的是什么
scrollWidth是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）clientWidth是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。-clientwidth
scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。
clientWidth与clientHeight 1 该属性指的是元素的可视部分宽度和高度，即padding + content。 2 如果没有滚动条，即为元素设定的高度和宽度。
