<SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
alert(s);
</SCRIPT>
分享到:
相关推荐
- 这两个方法返回包括边框、内边距和外边距在内的body元素的高度和宽度。 #### 使用示例 下面给出一个简单的使用示例,展示如何在页面加载完成后获取屏幕尺寸信息,并将其显示出来: ```javascript $(document)....
### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...
* 在 IE 中,`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是 BODY 对象的高度和宽度 * 在 FireFox 中,`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是可见区域的...
首先,我们可以使用`window.innerWidth`和`window.innerHeight`来获取浏览器窗口的总宽度和高度,包括工具栏和其他用户界面元素。但请注意,这两个属性并不包括滚动条的宽度和高度。 在Internet Explorer中,获取...
获取 BODY 对象的宽度和高度 - **`document.body.clientWidth`**: 返回 BODY 元素的可见宽度(不包括滚动条和边框)。 - **`document.body.clientHeight`**: 返回 BODY 元素的可见高度(不包括滚动条和边框)。 ...
本文将深入探讨如何使用JavaScript获取各种高度和宽度,包括浏览器窗口滚动条的位置、元素的几何尺寸等关键概念。 首先,我们来看一下与鼠标位置相关的几个属性: 1. `pageX`:表示鼠标在页面上的位置,从页面左上...
这段代码使用jQuery将body元素的宽度设置为窗口对象$(window)的宽度。 其次,需要对body元素应用CSS样式,隐藏水平滚动条,但保留垂直滚动条(如果需要的话)。可以设置body的overflow-x属性为hidden,这样水平滚动...
1. `document.body.clientWidth` 和 `document.body.clientHeight` 也分别返回BODY元素的宽度和高度,与IE相同。 2. 不同的是,`document.documentElement.clientWidth` 和 `document.documentElement.clientHeight`...
- `document.body.clientWidth` 和 `document.body.clientHeight` 分别返回 `BODY` 元素的宽度和高度。 - `document.documentElement.clientWidth` 和 `document.documentElement.clientHeight` 分别返回可视区域...
JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中,获取当前页面的可视高度和宽度,以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...
此外,window.screen.availWidth和window.screen.availHeight可以得到屏幕的可用工作区宽度和高度,这通常是屏幕总分辨率去掉任务栏和操作系统其他界面元素后剩余的部分。 对于页面元素的尺寸,可以使用document....
- `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个属性分别返回`<body>`元素的宽度和高度,不包括滚动条和边框。在IE和Firefox中,它们可以用于获取可见区域的宽度和高度。在Opera中,`...
通过 `document.body.clientWidth` 和 `document.body.clientHeight`,我们可以获取到网页可见区域的宽度和高度,而通过 `window.innerWidth` 和 `window.innerHeight`,我们可以获取浏览器窗口的宽度和高度。...
### JavaScript 获取当前页面可视高度和宽度以及浏览器宽度和高度的函数 #### 一、概述 在Web开发过程中,经常需要获取当前页面可视区域的高度和宽度,以及整个浏览器窗口的尺寸。这些信息对于响应式设计、页面...
然而,由于`iframe`的大小固定,当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸时,可能会出现滚动条或者内容被截断的情况。为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细...
在 JavaScript 中,获取浏览器高度和宽度值是非常重要的,下面将详细介绍各种方法: 获取浏览器高度和宽度值 在 JavaScript 中,可以使用多种方法来获取浏览器高度和宽度值,以下是一些常用的方法: 1. 使用 `...
首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在屏幕上看到的网页部分,不包括滚动条。例如,在提供的代码中,`$(window).height()` 返回的是267...