`
blaiu
  • 浏览: 131036 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS常用的document.body和window.screen

阅读更多
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>
分享到:
评论

相关推荐

    document.body.scrollTop用法

    - **window.screen.availHeight** 和 **window.screen.availWidth**: 可用工作区的高度和宽度。 ##### 3. 兼容性问题 - 在不同的浏览器中,`document.body.scrollTop` 的表现可能会有所不同。 - 对于大多数现代...

    JS,Jquery获取各种屏幕的宽度和高度

    7. **`window.screen.availHeight`** 和 **`window.screen.availWidth`**: - 这两个属性返回的是屏幕可用的高度和宽度,即减去了任务栏等操作系统占用的空间后的实际可用尺寸。 #### jQuery获取屏幕尺寸 在使用...

    js常用代码集锦.

    在本文中,我们将深入探讨一些关于JS中`document.documentElement`、`document.body`及其相关属性的知识点,以及如何处理不同情况下的滚动和尺寸获取。 在HTML文档中,`document.body`通常指的是HTML中的&lt;body&gt;元素...

    js中的如何定位固定层的位置.docx

    但需要注意的是,对于IE5.5及更高版本,需要特别处理`document.body.scrollLeft`和`document.documentElement.scrollLeft`,以及`document.body.scrollTop`和`document.documentElement.scrollTop`,以确保在所有...

    js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf

    * `window.screen.availHeight`:获取浏览器的可用事情区高度 * `window.screen.availWidth`:获取浏览器的可用事情区宽度 * `window.screenTop`:获取浏览器的正文部门上边距 * `window.screenLeft`:获取浏览器的...

    js获取浏览器高度和宽度值.pdf

    - `window.screen.availHeight` 和 `window.screen.availWidth`: 这两个属性返回用户屏幕上可用于应用程序的可用高度和宽度,减去了操作系统任务栏和其他非应用程序区域。 - `window.screenTop` 和 `window....

    js获取浏览器高度和宽度值(多浏览器)

    - `window.screen.availHeight` 和 `window.screen.availWidth` 提供了屏幕可用的工作区高度和宽度,不包括任务栏和其他非用户交互区域。 在实际开发中,为了确保代码的兼容性,通常会使用条件语句或者库如jQuery来...

    js获取文本框的值!js获取浏览器高度和宽度值.pdf

    `window.screen.availHeight` 可以获取荧幕可用事情区的高度,`window.screen.availWidth` 可以获取荧幕可用事情区的宽度。 获取文本框的值 在 JavaScript 中,可以使用 `value` 属性来获取文本框的值,例如: `...

    JS获取浏览器的高度和宽度

    - `window.screen.height` 和 `window.screen.width` 则提供了屏幕分辨率的高度和宽度,而不是浏览器窗口大小。 在定位元素时,还可以使用`scrollLeft`、`scrollWidth`、`clientWidth`、`offsetWidth`等属性,以及`...

    javascript获取网页宽高方法汇总.docx

    8. `window.screen.availHeight` 和 `window.screen.availWidth` 这些属性提供了用户屏幕上可用于应用程序的可用高度和宽度,即排除了任务栏和其他系统界面元素后的空间。 9. `window.screen.colorDepth` 和 `...

    JS获取浏览器窗口大小

    7. **`window.screen.availHeight`** 和 **`window.screen.availWidth`** - **用途**:分别表示可用屏幕的高度和宽度(减去任务栏等操作系统占用的空间)。 - **适用场景**:当需要知道用户可用屏幕空间时使用。 ...

    js获取屏幕的高度与宽度

    此外,window.screen.availWidth和window.screen.availHeight可以得到屏幕的可用工作区宽度和高度,这通常是屏幕总分辨率去掉任务栏和操作系统其他界面元素后剩余的部分。 对于页面元素的尺寸,可以使用document....

    js获取屏幕分辨率的方法

    var screenWidth = window.screen.width; // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸,并据此调整网页布局。 #### 获取浏览器窗口尺寸 除了...

    关于获取各种浏览器可见窗口大小

    - **`window.screen.availWidth`** 和 **`window.screen.availHeight`**:这两个属性表示屏幕的可用工作区尺寸。 #### 二、不同浏览器下的差异 不同浏览器在处理这些属性时存在一定的差异性,特别是在遵循W3C标准...

    107句JSjavascript常用语句.doc

    30. 设置表单中所有文本型成员的值为空:var form = window.document.forms[0] for (var i = 0; i &lt; form.elements.length; i++){ if (form.elements[i].type == "text"){form.elements[i].value = " ";}},用于设置...

    JavaScript得到当前窗口的所有大小值

    11. **`window.screen.availHeight`** 和 **`window.screen.availWidth`**:返回屏幕可用的高度和宽度(即去除任务栏等后可用的分辨率)。 12. **`window.screen.colorDepth`**:返回屏幕的颜色深度。 #### 示例...

    用document.documentElement取代document.body的原因分析

    通过条件语句判断浏览器支持的滚动位置获取方式,既考虑了现代浏览器的 `window.pageYOffset` 和 `window.pageXOffset`,也考虑了老式浏览器的 `document.documentElement.scrollTop` 和 `document.body.scrollTop`...

    js常用的dom高度长度详细

    - `window.screen.availHeight` 和 `window.screen.availWidth` 提供了用户屏幕可用的工作区域高度和宽度,即去掉任务栏、菜单栏等系统界面后的大小。 5. **定位属性**: - `offsetWidth` 和 `offsetHeight` 是...

    javascript中获得屏幕中和浏览器中所有的尺寸方法

    - **`window.screen.availHeight`**:表示浏览器窗口可实际使用的屏幕高度。 - **`window.screen.availWidth`**:表示浏览器窗口可实际使用的屏幕宽度。 ### 示例代码解析 提供的代码通过`document.write()`函数...

    JS获取浏览器窗口大小获取屏幕,浏览器,网页高度宽度[文].pdf

    - `window.screen.availHeight`:返回屏幕可用的工作区高度,即用户可以用来显示内容的区域,不包括任务栏等系统界面。 - `window.screen.availWidth`:返回屏幕可用的工作区宽度。 5. **事件坐标**: - `event....

Global site tag (gtag.js) - Google Analytics