<script>
function getInfo()
{
var s = “”;
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 += ” 网页被卷去的高(ff)：”+ document.body.scrollTop;
s += ” 网页被卷去的高(ie)：”+ document.documentElement.scrollTop;
s += ” 网页被卷去的左：”+ document.body.scrollLeft;
s += ” 网页正文部分上：”+ window.screenTop;
s += ” 网页正文部分左：”+ window.screenLeft;
s += ” 屏幕分辨率的高：”+ window.screen.height;
s += ” 屏幕分辨率的宽：”+ window.screen.width;
s += ” 屏幕可用工作区高度：”+ window.screen.availHeight;
s += ” 屏幕可用工作区宽度：”+ window.screen.availWidth;
s += ” 你的屏幕设置是 “+ window.screen.colorDepth +” 位彩色”;
s += ” 你的屏幕设置 “+ window.screen.deviceXDPI +” 像素/英寸”;
//alert (s);
}
getInfo();
</script>
在我本地测试当中：
在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得，很简单，很方便。
而在公司项目当中：
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
原来是W3C的标准在作怪啊
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
如果在页面中添加这行标记的话
在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
?
在Opera中：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
而如果没有定义W3C的标准，则
IE为：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
Opera为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
分享到：
相关推荐
在ExtJS4中创建窗口组件`Ext.Window`，需要注意正确引入所需的CSS和JS文件，包括样式文件`ext-all.css`和JavaScript文件`bootstrap.js`以及语言包`ext-lang-zh_CN.js`。创建窗口时，需要指定窗口的宽度、高度、位置...
`ViewPort`对象会被渲染到页面的body区域，并且会自动适应浏览器窗口的大小变化。在Ext2.0中，每个页面只能有一个`ViewPort`实例，这通常作为应用程序的根容器，用来组织和布局所有的UI组件。通过使用`ViewPort`，...
这份“EXT_JS实用开发指南_个人整理笔记”可能是开发者在深入学习EXT_JS时的宝贵参考资料，涵盖了EXT_JS的主要概念、组件使用、事件处理以及实际项目中的实践经验。 在EXT_JS开发中，首先要理解其基本架构和组件...
EXT_JS是一种基于JavaScript的富客户端应用开发框架，主要用于构建用户界面。这个开发指南主要涵盖了EXT_JS的基本使用方法和核心概念，对于入门EXT_JS的开发者来说是十分宝贵的资源。以下是EXT_JS的一些关键知识点：...
### ExtJS 学习笔记概览 #### 一、ExtJS 入门 **1.1 ExtJS 构成及如何引用** ExtJS 是一款基于 JavaScript 的开源框架，专为 Web 应用程序的前端界面设计。其核心优势在于提供了一套丰富的 UI 组件和强大的数据...
EXTJS in Action 是一本专为学习EXTJS编写的书籍，但这里我们主要关注学习笔记中的关键知识点。 首先，EXTJS的目录结构非常重要，因为它包含了所有必要的资源和源码： 1. `adapter`：这部分包含了适配器，用于将...
7. `我的笔记.txt`：这可能是个人的学习笔记，可能包含了使用Ext-Desktop或ExtJS时遇到的问题和解决方案，对于解决问题或避免常见错误非常有用。 总的来说，通过学习这些资源，你可以掌握ExtJS和Ext-Desktop的基本...
而Ext.Viewport则是一个特殊的组件，它将面板设置为视口，即整个浏览器窗口，这使得面板可以覆盖整个浏览器的可视区域。 通过本篇学习笔记，我们可以了解到如何使用ExtJs的面板控件，并通过一些简单的例子来展示...
BOM提供了与浏览器交互的方法和接口，包括弹出窗口、移动窗口和调整大小、导航历史记录等。 #### DOM（Document Object Model） DOM是表示和交互文档的API，允许程序和脚本动态地访问和更新文档的内容、结构和样式...
2. **ViewPort的使用**：ViewPort是EXTJS中的一个核心组件，它负责占据整个浏览器窗口，通常用于定义应用程序的主布局。每个页面只能有一个ViewPort，以避免冲突和混乱。 3. **组件配置**：Panel组件允许设置`...
UniGui学习笔记 UniGui 是一个基于 Delphi 的 Web 开发框架，它提供了一个强大的开发环境，允许开发者快速构建 Web 应用程序。在 UniGui 中，我们可以使用 Delphi 的控件和组件来构建 Web 界面，并使用 Delphi ...
ExtJS是一个开源的JavaScript库，主要用于...通过本笔记的学习，可以掌握ExtJS在前端开发中的应用，理解各个组件和管理器的使用方法，以及一些针对特定浏览器的布局技巧，为创建美观、高效的用户界面打下坚实的基础。
<script type="text/javascript" src="ext-all.js"> <script type="text/javascript" src="HelloExt.js"> <body></body> ``` 3. **测试应用**：在浏览器中访问`...
ExtJs 是一个强大的JavaScript库，专门用于构建富客户端Web应用程序。它提供了丰富的用户界面组件，如数据绑定、网格、表单、菜单、树形结构等，使得开发人员能够创建功能丰富的交互式网页应用。本资源包含ExtJs的...
接着，定义了一个`Ext.Viewport`，它是整个页面的容器，能自动适应浏览器窗口大小。在`items`属性中，我们设置了三个区域：北部（North）、西部（West）和中心（Center）。 北部区域定义了一个标题，使用了`region:...
"window页面的打开.doc"可能探讨的是浏览器窗口操作，如新窗口打开、弹窗、窗口大小调整等，这些都是前端开发中的常见任务，尤其在设计用户交互流程时必须考虑的因素。 至于文件名带有"~$"的文件，通常是未保存或...
7. **调整输出结果的显示窗口**：对于大量输出，可以将输出窗口设置为滚动窗口，双击左侧边框可折叠窗口，便于查看其他内容。 8. **单元运行快捷键**：使用`shift+enter`运行当前单元格并转到下一个，`alt+enter`则...