js获取浏览器的可视区域尺寸的实现代码

测试例子：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html头元http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title style type=' text/CSS ' * { margin 3360 0；padd : 0；} body{ border: 10px纯红；} #内部{宽度： 2000像素高度： 2000像素；border: 5px纯蓝；}/style/head body div id=' inner '/div/body/html结果：镀铬：

FF

操作：

safari :

国际电工委员会9:

IE8

国际电工委员会7:

IE6

说明：Chrome/FF/Safari/opera对于这些浏览器，window有一个属性innerWidth/innerHeight，包含整个文档的可视区域大小。请注意，该大小包含滚动条的大小。如果不考虑滚动条的影响，可以直接使用这两个属性。如果滚动条会影响(比如最大化弹出)，应该想别的办法。文档对象是每个DOM树的根，但它并不代表树中的一个HTML元素。document.documentElement属性将html标记作为文档的根元素。Document.body属性引用了body标记。我们在这里得到三个常用的值(scrollWidth、OffsetWidth和clientwidth)来比较document.documentElement.clien返回整个文档的宽度document . document element . OffsetWidth返回整个文档的可见宽度。Twith返回整个文档的可见宽度(不包括边框)，clientwidth=offsetwidth-borderwidth，但一般来说，我们不会为document.documentElement设置边框，所以这里的client width和offsetWidth是一致的。返回正文的宽度。请注意，这里的scrollWidth不一致。基于webkit的浏览器(chrome和safari)返回整个文档的宽度。也就是和document . document element . scrollWidth一致，opera和FF返回了body的标准scroll width，我觉得opera和FF是合理的。Document.body.offsetWidth返回offsetwidth document . body . clientwidth返回body的client width(不包括边框)，client width=offsetwidth-borderwidth。看上面的例子，我们会发现body和documentElement的一些值是相等的，这并不意味着它们是相等的。这是因为当我们不设置body的宽度时，默认情况下document.body会占用整个窗口的宽度。然后是：document . body . scroll width=document . document element . scroll width=document . body . offsetwidth=document . document . body . clie . Nt width=document . document width-document . body . border width(正文的边框宽度)当我们为正文设置一个宽度时，差别就出来了。IE9/IE8类似，但唯一的区别是IE9包含window.innerWidth属性，而IE8没有。document . document element . scroll width返回整个文档的宽度，与FF等浏览器一致。document . document element . offset with返回整个文档的可见宽度(包括滚动条，值与innerWidth一致)。请注意，它与FF等浏览器有些不同。document . document element . client width返回整个文档的可见宽度(不包括边框)，与FF等浏览器一致。client width=offsetWidth-滚动条宽度document.body.scrollWidth返回正文的宽度。请注意，这里的scrollWidth与FF等浏览器有些不同，这里不包括正文本身的边框宽度。因此，在本例中，它比FF小10px。document . body . offsetWidth返回body的offset with，与FF等浏览器一致。document.body.clientwidth返回body的clientwidth(不包括边框)，与FF等浏览器一致。client width=offset width-边框宽度ie7ie7和IE9/IE8的主要区别在于，首先，document . document element . offset width的返回值不同，如上所述。IE9/IE8的document . document element . offset with包含滚动条，但IE7的document . document element . offset with不包含滚动条。第二，document . document element . scrollwidth返回整个文档的宽度。注意和IE9/IE8、FF等浏览器不一致。对于IE9/IE8、FF等浏览器，scrollwidth至少不会小于窗口的宽度。但是在IE下，没有这样的限制，所以和其他浏览器相当一致。最后，IE6展示了IE6中document.documentElement的返回值与IE9/IE8并无不同(由此可见，IE7是document.documentElement的一朵奇葩)。

沙吾提，谢谢什么事文档.正文柳春荫（电影),若望体表吴经熊（音译),体黄善聪，黄善聪（阿胜，范登韦恩斯特范登韦恩斯特范登韦恩斯特),四十岁，卢克索卢克索卢克索卢克索，你好吗体表哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟。阿胜，唉哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟六号哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟宽度(宽度)高丽高丽bug(错误),嗨！嗨！嗨！嗨！嗨！嗨！嗨。document.body.scrollWidth阿忠体表云娥，你好IE9/IE8/IE7(电子商务)曰document . body . offset with阿忠体表什么事偏移第(偏移宽度),阿胜，僧儿体表哎哎，贺盛瑞（音译)偏移宽度borderdthddocument的滚动宽度。尸体。客户端宽度阿忠体表什么事客户端宽度（喂？喂)客户端宽度=偏移宽度-borrowdth哎哎哎，朱塞佩朱塞佩七号唉哟，伊切文件。文档元素。滚动宽度云娥与云娥同在。朱庇特？朱庇特，唉哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟，哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥：你好绿筠小姐3330函数getviewsizeweitsrecollbar(){//喂？喂返回{ width 3330文档。文档元素。客户端宽度，高度3330文档。文档元素。客户端高度} }函数getviewsizeewicscroll bar(){//唉哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟if(窗口。INR width){ return { width 3360 window。窗宽3330。内部高度} } else if(文档。文档元素。offsetwidth==document。文档元素。客户端宽度{ return { width 3360文档。高度3360文档。文档元素。offset heart } } else { return { width 3360 document。文档元素。客户端宽度getscrollwith()、高度3360文档。文档元素。客户端高度getscrolwith()} } getscrolwith()薛定谔的猫，唉哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟//www .JB 51。net/article/29036。html文件的后缀朱庇特朱庇特朱庇特