`
747017186
  • 浏览: 334356 次
社区版块
存档分类
最新评论

JS screen对象

    博客分类:
  • js
 
阅读更多

JavaScript Window Screen

window.screen 对象包含有关用户屏幕的信息。

Window Screen

window.screen 对象在编写时可以不使用 window 这个前缀。

一些属性:

  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度

Window Screen 可用宽度

screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。

实例

返回您的屏幕的可用宽度:

<script>

document.write("可用宽度:" + screen.availWidth);

</script>

以上代码输出为:

可用宽度:1920

亲自试一试

Window Screen 可用高度

screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏。

实例

返回您的屏幕的可用高度:

<script>

document.write("可用高度:" + screen.availHeight);

</script>

以上代码输出为:

可用高度:1036

亲自试一试

分享到:
评论

相关推荐

    JavaScript中的screen对象

    JavaScript中的screen对象是浏览器提供的一种内置对象,它用于获取与用户设备屏幕相关的各种信息,包括但不限于屏幕尺寸、分辨率、颜色深度等。通过screen对象,开发者可以更好地了解用户的设备环境,从而进行适应性...

    screen对象(教辅).pdf

    Screen 对象详解 Screen 对象是客户端显示屏幕的信息容器,虽然没有公开标准,但是所有浏览器都支持该对象。下面是对 Screen 对象的详细介绍: Screen 对象的属性 Screen 对象有四个主要的属性:availHeight、...

    js对象层次• navigator •screen•window

    JavaScript中的对象层次结构是Web开发中的核心组成部分,它允许开发者与浏览器进行交互并操控页面内容。在提供的信息中,我们关注三个主要的对象:`navigator`、`screen`和`window`,以及它们关联的一些子对象。 `...

    03 JavaScript内置对象与浏览器对象.ppt

    目标掌握: javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event

    JavaScript入门教程(5) js Screen屏幕对象

    #### screen对象属性详解 1. **`screen.width`** 返回屏幕的总宽度,单位为像素。此属性可以帮助我们了解用户的屏幕尺寸,从而做出相应的页面调整。 2. **`screen.height`** 返回屏幕的总高度,同样是以像素为...

    JavaScript中的Screen屏幕对象

    JavaScript中的Screen对象是浏览器提供的一种内置对象,它用于获取用户设备屏幕的相关信息。Screen对象并不是JavaScript全局作用域的一部分,而是与Navigator对象关联,通常通过navigator.screen来访问。下面我们将...

    JavaScript对象参考手册

    JavaScript对象是编程语言的核心组成部分,尤其在Web开发中扮演着至关重要的角色。对象可以视为一组相关的数据和功能的集合,通过键值对的形式存储数据,而这些数据可以通过对象的方法进行操作。JavaScript对象参考...

    【温故而知新】JavaScript的BOM之Screen:Location:History对象.md

    ### 二、Screen对象详解 #### 1. 属性介绍 - **`availHeight`**:返回屏幕的高度(不包括Windows任务栏)。 - **`availWidth`**:返回屏幕的宽度(不包括Windows任务栏)。 - **`colorDepth`**:返回目标设备或...

    javaScript对象模型与事件处理借鉴.pdf

    window 对象的子对象包括 document 对象、Frames 数组、History 对象、Location 对象、Navigate 对象和 Screen 对象等。Document 对象代表浏览器窗口中所加载的文档。Frames 数组代表浏览器窗口中的框架。History ...

    javascript 内置对象大全(完整版)

    - **BOM对象**:浏览器对象模型,如`history`(历史记录)、`screen`(屏幕信息)、`localStorage`(本地存储)等。 - **Event对象**:处理事件,如`event`(事件对象)、`addEventListener`(添加事件监听器)等。 ...

    Node.js-screen-info原生多平台模块用于查询系统操作系统的显示信息

    **Node.js 屏幕信息模块 screen-info 深度解析** 在 Node.js 开发中,有时我们需要获取到用户的操作系统屏幕的详细信息,例如分辨率、缩放比例等。`screen-info` 模块就是一个专为此目的设计的原生多平台解决方案。...

    Js内置对象.docx

    **Screen对象**提供了关于用户的显示器的一些信息。下面是一些常用的属性: - **width**: 返回显示器的宽度(像素)。 - **height**: 返回显示器的高度(像素)。 - **colorDepth**: 返回显示器的颜色深度。 示例...

    浅述Javascript的外部对象

    Screen对象的一些常用属性包括width、height(屏幕总宽度和高度)、availWidth、availHeight(屏幕可用的宽度和高度)。 综上所述,JavaScript的外部对象为开发人员提供了丰富的接口,可以实现与用户的交互,控制...

    10JavaScript浏览器对象模型BOM.docx

    5. **Screen对象**:Screen对象提供了有关用户屏幕的详细信息,如屏幕宽度、高度、颜色深度等。这对于响应式设计或根据用户设备调整内容特别有用。 了解和掌握BOM对象,对于JavaScript开发者来说至关重要,因为它们...

    详解JavaScript编程中的window与window.screen对象

    JavaScript编程中的`window`与`window.screen`对象是Web开发中的基础概念,尤其是在浏览器环境中。`window`对象是JavaScript全局作用域的核心,它代表了用户浏览器窗口本身,包含了所有浏览器提供的全局对象、函数和...

    JS获取浏览器对象

    3. **screen对象**: `screen`对象提供了有关用户设备屏幕的信息: - `screen.width`和`screen.height`:返回屏幕的宽度和高度。 - `screen.availWidth`和`screen.availHeight`:返回可用的屏幕宽度和高度,即...

    js内置对象大全

    - **DOM 的层级结构**:`window-&gt;(navigator,screen,history,location,document)` 表示了全局窗口对象与一系列其他对象的关系,如浏览器信息、屏幕信息、历史记录、位置信息等。 ### 2. 操作DOM元素 - **获取特定...

    javascript文档对象[归类].pdf

    5. **screen对象**:包含了有关用户屏幕的信息,如`screen.width`和`screen.height`分别表示屏幕的宽度和高度,`screen.availWidth`和`screen.availHeight`则给出了可用的工作区域尺寸。 6. **history对象**:允许...

Global site tag (gtag.js) - Google Analytics