document.body.scrollTop 滚动条的上端距离
document.body.scrollLeft 滚动条的左端距离
----------------------------------------------------------------------------------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
<!--
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);
//-->
</SCRIPT>
分享到:
相关推荐
- **window.screen.availHeight** 和 **window.screen.availWidth**: 可用工作区的高度和宽度。 ##### 3. 兼容性问题 - 在不同的浏览器中,`document.body.scrollTop` 的表现可能会有所不同。 - 对于大多数现代...
7. **`window.screen.availHeight`** 和 **`window.screen.availWidth`**: - 这两个属性返回的是屏幕可用的高度和宽度,即减去了任务栏等操作系统占用的空间后的实际可用尺寸。 #### jQuery获取屏幕尺寸 在使用...
在本文中,我们将深入探讨一些关于JS中`document.documentElement`、`document.body`及其相关属性的知识点,以及如何处理不同情况下的滚动和尺寸获取。 在HTML文档中,`document.body`通常指的是HTML中的<body>元素...
但需要注意的是,对于IE5.5及更高版本,需要特别处理`document.body.scrollLeft`和`document.documentElement.scrollLeft`,以及`document.body.scrollTop`和`document.documentElement.scrollTop`,以确保在所有...
* `window.screen.availHeight`:获取浏览器的可用事情区高度 * `window.screen.availWidth`:获取浏览器的可用事情区宽度 * `window.screenTop`:获取浏览器的正文部门上边距 * `window.screenLeft`:获取浏览器的...
- `window.screen.availHeight` 和 `window.screen.availWidth`: 这两个属性返回用户屏幕上可用于应用程序的可用高度和宽度,减去了操作系统任务栏和其他非应用程序区域。 - `window.screenTop` 和 `window....
- `window.screen.availHeight` 和 `window.screen.availWidth` 提供了屏幕可用的工作区高度和宽度,不包括任务栏和其他非用户交互区域。 在实际开发中,为了确保代码的兼容性,通常会使用条件语句或者库如jQuery来...
`window.screen.availHeight` 可以获取荧幕可用事情区的高度,`window.screen.availWidth` 可以获取荧幕可用事情区的宽度。 获取文本框的值 在 JavaScript 中,可以使用 `value` 属性来获取文本框的值,例如: `...
- `window.screen.height` 和 `window.screen.width` 则提供了屏幕分辨率的高度和宽度,而不是浏览器窗口大小。 在定位元素时,还可以使用`scrollLeft`、`scrollWidth`、`clientWidth`、`offsetWidth`等属性,以及`...
8. `window.screen.availHeight` 和 `window.screen.availWidth` 这些属性提供了用户屏幕上可用于应用程序的可用高度和宽度,即排除了任务栏和其他系统界面元素后的空间。 9. `window.screen.colorDepth` 和 `...
7. **`window.screen.availHeight`** 和 **`window.screen.availWidth`** - **用途**:分别表示可用屏幕的高度和宽度(减去任务栏等操作系统占用的空间)。 - **适用场景**:当需要知道用户可用屏幕空间时使用。 ...
此外,window.screen.availWidth和window.screen.availHeight可以得到屏幕的可用工作区宽度和高度,这通常是屏幕总分辨率去掉任务栏和操作系统其他界面元素后剩余的部分。 对于页面元素的尺寸,可以使用document....
var screenWidth = window.screen.width; // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸,并据此调整网页布局。 #### 获取浏览器窗口尺寸 除了...
- **`window.screen.availWidth`** 和 **`window.screen.availHeight`**:这两个属性表示屏幕的可用工作区尺寸。 #### 二、不同浏览器下的差异 不同浏览器在处理这些属性时存在一定的差异性,特别是在遵循W3C标准...
30. 设置表单中所有文本型成员的值为空:var form = window.document.forms[0] for (var i = 0; i < form.elements.length; i++){ if (form.elements[i].type == "text"){form.elements[i].value = " ";}},用于设置...
11. **`window.screen.availHeight`** 和 **`window.screen.availWidth`**:返回屏幕可用的高度和宽度(即去除任务栏等后可用的分辨率)。 12. **`window.screen.colorDepth`**:返回屏幕的颜色深度。 #### 示例...
通过条件语句判断浏览器支持的滚动位置获取方式,既考虑了现代浏览器的 `window.pageYOffset` 和 `window.pageXOffset`,也考虑了老式浏览器的 `document.documentElement.scrollTop` 和 `document.body.scrollTop`...
- `window.screen.availHeight` 和 `window.screen.availWidth` 提供了用户屏幕可用的工作区域高度和宽度,即去掉任务栏、菜单栏等系统界面后的大小。 5. **定位属性**: - `offsetWidth` 和 `offsetHeight` 是...
- **`window.screen.availHeight`**:表示浏览器窗口可实际使用的屏幕高度。 - **`window.screen.availWidth`**:表示浏览器窗口可实际使用的屏幕宽度。 ### 示例代码解析 提供的代码通过`document.write()`函数...
- `window.screen.availHeight`:返回屏幕可用的工作区高度,即用户可以用来显示内容的区域,不包括任务栏等系统界面。 - `window.screen.availWidth`:返回屏幕可用的工作区宽度。 5. **事件坐标**: - `event....