`
ry.china
  • 浏览: 139784 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

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);
转载

分享到:
评论

相关推荐

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

    以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`window.screen`对象 `window.screen`对象提供了访问屏幕信息的方法,包括屏幕的物理尺寸。其中,`screen....

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

    ### JavaScript 获取屏幕尺寸 #### 屏幕宽度与高度 - **`screen.width`**:表示屏幕的宽度(以像素为单位)。这是一个只读属性,返回当前显示器的宽度。 - **`screen.height`**:表示屏幕的高度(以像素为单位)。...

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

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

    Javascript获取页面、屏幕尺寸大小参数.

    在JavaScript编程中,获取页面和屏幕尺寸大小是前端开发中常见的需求之一,这涉及到一系列的属性和方法,用于测量浏览器窗口、文档元素以及设备屏幕的大小。以下将详细解析如何利用JavaScript来获取这些参数,包括...

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

    本文将详细介绍如何使用JavaScript来获取浏览器显示区域的相关尺寸信息。 #### 一、关键概念解析 在开始之前,我们先来了解几个关键的概念: - **Client Size**:表示可视区域的宽度和高度。 - **Offset Size**:...

    jquery全页照片墙画廊.zip

    同时,可以利用JavaScript获取屏幕尺寸,动态计算每个图片格子的大小,以实现真正的全屏照片墙。 总结来说,创建一个jQuery全页照片墙画廊涉及到前端多个技术的综合运用,包括HTML5的语义化标签、CSS3的布局和动画...

    js获取屏幕分辨率的方法

    本文将详细介绍如何使用JavaScript来获取屏幕分辨率,并探讨这些信息如何帮助我们实现div元素的自适应窗口大小。 #### 屏幕分辨率基础知识 屏幕分辨率指的是屏幕上显示的像素数量,通常以“宽度x高度”的格式表示...

    js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合.docx

    2. **JavaScript 动态计算**:通过 JavaScript 获取屏幕尺寸、元素尺寸及滚动位置,并动态调整元素的位置。 #### 二、具体实现 下面将逐一介绍如何让 DIV 元素分别处于屏幕的五个不同位置。 ##### 1. 屏幕中间 *...

    js获取屏幕的高度与宽度

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

    获取手机屏幕尺寸的代码段.zip

    在Android平台上,我们可以使用Java或Kotlin来获取屏幕尺寸。在Java中,可以利用`DisplayMetrics`类: ```java DisplayMetrics displayMetrics = new DisplayMetrics(); getWindowManager().getDefaultDisplay()....

    透明层 解析 跨浏览器实现

    #### 三、JavaScript获取屏幕尺寸 在实现透明层的过程中,可能还需要动态获取当前屏幕尺寸以便适配不同设备。可以通过JavaScript来实现这一功能: ```javascript var s = "当前屏幕宽度" + document.body....

    use-screen-size:这是一个React Hook,可帮助您使用纯Javascript根据屏幕尺寸编写条件代码,获取屏幕尺寸值等

    这有助于您根据屏幕尺寸编写条件代码,或获取屏幕尺寸值 安装 npm install --save use-screen-size yarn add use-screen-size 例子 这是显示屏幕宽度,屏幕高度和当前屏幕模式的快速示例 import React from 'react' ...

    myvary#blog_articles#React Native 获取屏幕尺寸1

    获取屏幕的尺寸需要使用Dimensions,直接从node_mules中引入即可。

    javascript获取页面各种高度

    在JavaScript编程语言中,开发者经常需要获取与网页和屏幕尺寸相关的数据,比如页面的可视区域、文档的实际大小以及用户屏幕的有效工作区等信息。这些数据对于优化网站布局、响应式设计以及实现某些交互功能至关重要...

    jQuery 获取屏幕高度和宽度

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

    javascript获取窗口属性值

    - **应用场景**:常用于判断当前视口宽度,以适应不同屏幕尺寸的设计。 ##### 2. `document.body.clientHeight` - **含义**:表示文档主体的可见高度,同样不包括滚动条。 - **应用场景**:配合宽度一起使用,可以...

    JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

    4. 使用JavaScript获取屏幕尺寸: - 通过window.screen.width和window.screen.height可以获取屏幕的宽度和高度,这些值通常对应逻辑分辨率。 - 通过document.documentElement.clientWidth可以获取到浏览器窗口的...

    javascript获取网页高度宽度.rar

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

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

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

Global site tag (gtag.js) - Google Analytics