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>
如果没有声明W3C标准：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| 表达式 | IE | FF或Opera |
| document.body.clientWidth | 可见区域宽度 | 可见区域宽度 |
| document.body.clientHeight | 可见区域宽度 | 可见区域高度 |
| document.documentElement.clientWidth | 0 | 页面对象宽度（即BODY对象宽度加上Margin宽） |
| document.documentElement.clientHeight | 0 | 页面对象高度（即BODY对象高度加上Margin高） |
如果声明了W3C标准:
| 表达式 | IE或FF | Opera |
| document.body.clientWidth | BODY对象宽度 | 可见区域宽度 |
| document.body.clientHeight | BODY对象高度 | 可见区域高度 |
| document.documentElement.clientWidth | 可见区域宽度 | 页面对象宽度（即BODY对象宽度加上Margin宽） |
| document.documentElement.clientHeight | 可见区域高度 | 页面对象高度（即BODY对象高度加上Margin高） |
分享到：
相关推荐
### 关于获取各种浏览器可见窗口大小的知识点 在前端开发中，经常需要获取浏览器的可见窗口大小以及其他相关信息，以便能够根据不同的设备和浏览器环境来优化网页布局与用户体验。本文将详细解析如何通过JavaScript...
### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中，获取浏览器显示区域的大小是非常重要的一个环节，这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...
### JS 获取浏览器窗口大小 在前端开发中，经常需要获取浏览器窗口的大小，以便于根据不同的屏幕尺寸调整页面布局或实现响应式设计。本文将详细介绍如何使用JavaScript来获取浏览器窗口的宽度、高度以及相关的属性...
在JavaScript中，有以下两个主要的事件用于监听浏览器窗口大小的变化： 1. `resize` 事件：这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者调整窗口大小时，浏览器会触发这个事件。你可以通过在...
本文主要介绍如何使用JavaScript实现根据浏览器窗口大小动态调整网页文字大小的功能。该技术在实现网页响应式设计中具有重要意义，允许网页内容在不同尺寸的屏幕设备上都能保持良好的可读性和布局适应性。 首先，...
在JavaScript中，监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一：适用于IE浏览器，仅在关闭时提示 ```javascript window....
在web开发中，调整浏览器窗口大小是常见的用户操作之一，JavaScript提供了一种机制，允许我们在窗口大小变化时执行特定的代码。这篇文章的重点是介绍如何使用JavaScript中的window对象的onresize事件来实现当浏览器...
在本文中，我们将深入探讨如何利用JavaScript来实现自定义浏览器窗口的功能，包括窗口拖动、放大缩小、最小化以及全屏操作。 一、窗口拖动 在JavaScript中，我们可以使用事件监听来实现窗口拖动的功能。首先，我们...
在JavaScript中，获取浏览器窗口、屏幕以及网页的高度和宽度是常见的需求，这在网页布局、动态调整元素尺寸、响应式设计等方面非常有用。以下是一些关键的JavaScript属性和方法，用于获取这些信息： 1. **网页可见...
在这个例子中，监听的是"resize"事件，当用户调整浏览器窗口大小时触发。 2. **设备像素比（devicePixelRatio）**： - `window.devicePixelRatio` 是一个表示设备物理像素与CSS像素之间比例的属性。在大多数现代...
本文将详细介绍如何使用JavaScript获取各种浏览器窗口的大小，并解释这些方法的兼容性及其适用场景。 首先，最直接的方法是通过浏览器提供的Window对象的属性来获取窗口尺寸。Window对象提供了`innerWidth`和`...
其中一项常见需求是获取浏览器窗口的各种属性值，比如宽度、高度等，这对于响应式设计或某些特定功能（如弹窗位置计算）非常有用。 #### 一、主要窗口属性 在提供的代码示例中，通过`getInfo`函数展示了如何获取一...
本篇文章将详细讲解一个利用jQuery实现的响应式图片排列代码，该代码旨在使图片画廊根据浏览器窗口大小自动调整布局，以达到视觉上的统一和和谐。 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、...
本文实例讲述了JS打开新窗口防止被浏览器阻止的方法。分享给大家供大家参考。具体分析如下： 用传统的window.open()方式打开新窗口，会被浏览器阻止，那么，我们如何才能让JS打开新窗口不被浏览器阻止呢？其实办法...
在Web开发过程中，有时候需要区分用户是关闭了浏览器窗口，还是仅仅刷新了页面，这对于执行某些特定的逻辑操作是很重要的。例如，当用户关闭浏览器窗口时，可能需要保存用户的会话状态，或者通知服务器用户已经离开...
如果页面位于一个IFrame中，可能需要获取IFrame的尺寸而不是整个浏览器窗口的尺寸。此时，需要通过`contentWindow`或`contentDocument`属性来访问IFrame内的`window`或`document`对象。 综上所述，获取浏览器高度...
FitText.js是一款JavaScript库，专为网页设计师设计，旨在实现文字字体大小的动态自适应，以根据浏览器窗口的尺寸变化自动调整。这个功能在响应式网页设计中尤其有用，因为它可以确保无论用户如何缩放浏览器窗口，...
2. **枚举浏览器窗口**：使用`SHDocVw.ShellWindows`类可以枚举系统中所有打开的浏览器窗口。每个窗口是一个`WebBrowser`对象，可以通过检查`LocationURL`属性来获取地址栏的URL。 ```csharp using SHDocVw; ...