`

JAVASCRIPT 获取WINDOW的一些高度宽度

JavaScript工作 
阅读更多

如何我javaScript获取窗口的高度和宽度
---------------------------------------------------------------

在javascript中得到当前窗口的高和宽
<body><SCRIPT LANGUAGE="JavaScript">
var  s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth  +" (包括边线和滚动条的宽)";
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;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>

0
顶
0
踩
分享到：
| table 100%高度 自适应屏幕
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript获取屏幕高度和宽度等信息

    JavaScript作为一种广泛应用于网页编程的语言，提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...

    javascript获取网页高度宽度.rar

    总结，JavaScript获取网页高度和宽度的方法多种多样，可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域，理解并熟练掌握这些技术可以帮助学生更好地构建动态、...

    javascript 获取网页高度宽度.pdf

    以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置：** - `getScrollTop()` 函数用于获取当前页面滚动条的垂直偏移量。这个函数通过检查 `document....

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

    JavaScript 获取文本框的值和浏览器高度和宽度值 在 Web 开发中，获取文本框的值和浏览器的高度和宽度值是非常重要的。这篇文章将详细介绍如何使用 JavaScript 获取文本框的值和浏览器的高度和宽度值。 获取文本框...

    javascript获取页面各种高度

    - **window.screen.availHeight** 和 **window.screen.availWidth**: 分别获取用户屏幕的有效工作区的高度和宽度，单位为像素。这里的有效工作区是指除了任务栏等操作系统占用的空间外，可以用来显示浏览器窗口的...

    javascript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

    JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中，获取当前页面的可视高度和宽度，以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar

    本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar"包含了相关知识点的详细讲解，主要集中在JavaScript的DOM操作和窗口对象（Window）的属性与方法上。 1. **当前页面可视区域尺寸**...

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

    在 JavaScript 中，可以使用多种方法来获取浏览器高度和宽度值，以下是一些常用的方法： 1. 使用 `document.body` 对象： `document.body.clientWidth` 可以获取网页可见区域的宽度，`document.body.clientHeight`...

    javascript 获取当前面可视高度和宽度及浏览器宽度和高度的函数.docx

    通过上述介绍，我们了解了如何使用JavaScript获取当前页面可视区域的高度和宽度，以及浏览器窗口的宽度和高度。这些基本的尺寸信息是进行前端开发不可或缺的一部分，掌握了这些技能，可以更好地进行页面布局和响应式...

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

    通过 `document.body.clientWidth` 和 `document.body.clientHeight`，我们可以获取到网页可见区域的宽度和高度，而通过 `window.innerWidth` 和 `window.innerHeight`，我们可以获取浏览器窗口的宽度和高度。...

    js获取屏幕的高度与宽度

    此外，需要注意的是，随着Web技术的发展，用户设备的多样性也日益增加，因此在使用JavaScript获取尺寸信息时，除了使用文档对象模型（DOM）属性和方法之外，还可能需要依赖于CSSOM（CSS对象模型）和HTML元素的实时...

    jQuery 获取屏幕高度和宽度

    本文将详细讲解如何使用jQuery获取屏幕的高度和宽度，这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先，我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸，而...

    Javascript 获取页面高度（多种浏览器）

    总之，获取页面高度和宽度是 JavaScript 开发中的常见任务，但需要注意浏览器的兼容性和差异。正确的方法是使用兼容性好的代码，以确保在所有主流浏览器中都能得到期望的结果。理解 `document.body` 和 `document....

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

    本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...

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

    以下将详细介绍如何通过JavaScript获取这些信息，并探讨不同浏览器间可能存在的差异。 首先，我们可以使用`window.innerWidth`和`window.innerHeight`来获取浏览器窗口的总宽度和高度，包括工具栏和其他用户界面...

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

    #### JavaScript获取屏幕尺寸 在原生JavaScript中，可以通过多种方法来获取屏幕的宽度和高度，具体如下： 1. **`document.body.clientWidth`** 和 **`document.body.clientHeight`**： - 这两个属性分别用于获取...

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

    在JavaScript中，获取浏览器的高度和宽度是常见的需求，用于适应不同的屏幕尺寸和实现响应式设计。然而，由于不同浏览器之间的差异，获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下，包括IE、Fire...

    JavaScript 获取浏览器的显示区域大小信息

    ### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中，获取浏览器显示区域的大小是非常重要的一个环节，这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...

Magicbox
Global site tag (gtag.js) - Google Analytics