Javaｓｃｒｉｐｔ获取并判断浏览器窗口、屏幕、网页等的高度、宽度等。

精确定位：scrollLeft属性的HTML，scrollwidth，clientwidth，offsetwidth

scrollheight：获取对象的滚动高度。
ScrollLeft：设置或获取远程对象的左边缘与窗口中当前可见的内容最左端之间
ScrollTop：设置或获取远程对象的顶部之间的顶部窗口中可见的内容
ScrollWidth：获取对象的滚动的宽度
offsetheight：得到家长的高度坐标的对象相对于布局或由家长offsetparent属性指定坐标
offsetleft：获取的对象相对于布局或母坐标的计算offsetparent属性指定的左边位置
offsettop：获取的对象相对于布局或父母的offsettop属性指定坐标计算的顶部位置
相关文件的event.clientx水平坐标
相关文件的event.clienty垂直坐标
event.offsetx相对容器的水平坐标
event.offsety相对容器的纵坐标
价值document.documentelement.scrolltop垂直方向滚动
事件的数量。ClientX + document.documentelement.scrolltop相对于文档的水平坐标和垂直方向
IE浏览器，Firefox的差异如下：
IE6.0，ff1.06 +：
复制代码如下：clientwidth =宽+填充
自己=高度+填充
offsetwidth =宽+填料+边界
offsetheight =高度+填料+边界
IE5.0 / 5.5：
clientwidth =宽u2013边境
自己=高u2013边境
offsetwidth =宽度
offsetheight =高度
提示：在CSS的Margin属性无关clientwidth，offsetwidth，自己，offsetheight

网页宽度是可见的：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.availheight
屏幕可用工作区宽度：window.screen.availwidth
技术要点

本节主要使用窗口上的文档对象的属性，这些属性的主要功能和用法如下。
获取窗口大小不同的浏览器需要使用不同的属性和方法：检测的真实大小的窗口，需要在Netscape使用窗口属性；在IE需要主体进一步文件的内部测试；DOM中的环境，如果你想走到窗口的大小，需要注意到根元素的大小，而不是元素。
Window对象的innerwidth属性包含当前窗口的内部宽度，窗口对象的innerheight属性包含当前窗口的高度。
文档对象的本体属性对应的HTML文档的标签，文档对象的文档元素}属性代表了HTML文档的根节点。
document.body.clientheight表示当前高度的窗口中的HTML文档是located.document.body。clientwidth表示当前窗口的宽度，HTML文档位于。

示例代码

复制代码代码如下所示：

请调整浏览器窗口
请调整浏览器窗口的大小。

浏览器窗口的实际高度：
浏览器窗口的实际宽度：

<！——
无功winwidth = 0；
无功winheight = 0；
功能（finddimensions） / /功能：获取的大小
{
获取窗口的宽度
如果（窗口。innerwidth）winwidth = window.innerwidth；
else if（（文档。体）（文件。身体。clientwidth））winwidth = document.body.clientwidth；
获取窗口高度
如果（窗口。innerheight）winheight = window.innerheight；
else if（（文档。体）（文件。身体。自己的winheight = document.body.clientheight））；
在文档的内部检测到该窗口，获取窗口大小
如果（document.documentelement document.documentelement.clientheight文档。文档元素}。clientwidth）{
winheight = document.documentelement.clientheight；
winwidth = document.documentelement.clientwidth；
}
将两个结果输出到文本框中
document.form1.availheight.value = winheight；
document.form1.availwidth.value = winwidth；
}
FindDimensions（）；
调用函数，获取值
window.onresize = finddimensions；

源程序解释

（1）程序首先建立一个窗体，其中包含两个文本框，用于显示窗口的当前宽度和高度，其值随窗口的大小而变化。
（2）在随后的Javaｓｃｒｉｐｔ代码，两个变量的第一个定义，winwidth和winheight，用来保存高度和宽度的窗口。
（3）然后，在功能finddimensions（），window.innerheight和window.innerwidth得到窗口的高度和宽度，并分别存储在上述两个变量。
（4）通过文档内部检查主体，获取窗口的大小，并将其存储在两个以前的变量中。
（5）在函数的结尾，表单元素通过名称访问，结果输出到两个文本框中。
（6）在Javaｓｃｒｉｐｔ代码的结束，整个操作是通过调用finddimensions做（）函数。