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

JavaScript中的Screen屏幕对象

JavaScript教程Screen 
阅读更多

这是基本JavaScript的屏幕对象


  • screen 屏幕对象 反映了当前用户的屏幕设置。
  • width 返回屏幕的宽度（像素数）。
  • height 返回屏幕的高度。
  • availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。
  • availHeight 返回屏幕的可用高度。
  • colorDepth 返回当前颜色设置所用的位数 - 1：黑白；8：256色；16：增强色；24/32：真彩色



下面是英文的Navigator浏览器的屏幕对象：


  • availHeight:minus permanent or semipermanent user interface features displayed by the operating system:such as the Taskbar on Windows.  
  • availWidth:Specifies the width of the screen, in pixels, minus permanent or semipermanent user interface:features displayed by the operating system, such as the Taskbar on Windows.  
  • colorDepth:The bit depth of the color palette, if one is in use; otherwise, the value is derived from screen.pixelDepth.  
  • height:Display screen height.  
  • pixelDepth:Display screen color resolution (bits per pixel).  
  • width:Display screen width.

转自：http://www.ijavascript.cn/jiaocheng/javascript-screen-62.html

分享到：
| JavaScript中的Navigator浏览器对象
评论
发表评论

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

相关推荐

    JavaScript中的screen对象

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

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

    ### JavaScript入门教程(5) js Screen屏幕对象 #### 屏幕对象概述 在JavaScript中，`screen`对象属于全局对象的一部分，它包含了有关用户屏幕的信息。这些信息对于开发者来说非常有用，例如可以用来优化网页布局、...

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

    在本文档中，我们将重点讨论`Screen`对象、`Location`对象以及`History`对象的相关知识点。 ### 二、Screen对象详解 #### 1. 属性介绍 - **`availHeight`**：返回屏幕的高度（不包括Windows任务栏）。 - **`...

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

    在现代Web开发中，了解和利用用户屏幕的尺寸和特性对于优化网页布局、响应式设计以及提高用户体验至关重要。JavaScript作为一种广泛应用于网页编程的语言，提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。...

    screen对象（教辅）.pdf

    在上面的示例代码中，我们使用了 Screen 对象的四个属性来获取屏幕的宽高信息。从运行效果中可以看到，availHeight 和 availWidth 返回的是屏幕的可用高度和宽度，而 width 和 height 返回的是屏幕的实际高度和宽度...

    浅述Javascript的外部对象

    在本文中，我们将探讨JavaScript中的外部对象，这些对象是浏览器提供的一套API，通过它们可以实现对浏览器窗口的访问和控制。我们通常将这些API分为两大类：BOM（Browser Object Model，浏览器对象模型）和DOM...

    JavaScript基本教程

    JavaScipt基本教程之JavaScript语言的基础 ...JavaScript中的Screen屏幕对象 JavaScript中的Window窗口对象 JavaScript中的History历史对象 JavaScript中的Location地址对象 JavaScript中的Document文档对象

    js对象层次• navigator •screen•window

    `screen`对象提供了关于用户显示器的详细信息，包括屏幕的宽度和高度（`width`和`height`）、可用宽度和高度（`availWidth`和`availHeight`），以及颜色深度（`colorDepth`），这在设计响应式网页或需要适应不同屏幕...

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

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

    第十五章JavaScript-HTMLDOM对象2022优秀文档.ppt

    Screen对象提供了关于用户屏幕的信息，如`availHeight`和`availWidth`分别返回可用的屏幕高度和宽度，不包括操作系统任务栏。`deviceXDPI`和`deviceYDPI`表示屏幕的物理分辨率，`fontSmoothingEnabled`指示字体平滑...

    screen-recorder:JavaScript中的屏幕录像机

    "screen-recorder:JavaScript中的屏幕录像机"这个项目，即ProRecord，就是这样一个创新性的解决方案。下面将详细讨论JavaScript屏幕录像的相关知识点。 首先，JavaScript作为客户端脚本语言，其在网页开发中的应用...

    javascript 内置对象大全（完整版）

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

    JavaScript的浏览器对象详解

    4. **screen对象**：screen对象提供了用户设备屏幕的相关信息，如屏幕宽度、高度、颜色深度等。这在需要根据屏幕尺寸调整布局的响应式设计中非常有用。 5. **history对象**：history对象存储了用户在当前浏览器窗口...

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

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

    javascript对象、属性

    在JavaScript中，`Document`对象是用于访问和操作HTML文档的核心对象之一。它包含了多种方法和属性，可以帮助开发者动态地修改网页内容。 - **`document.getElementById()`**：此方法用于通过ID获取特定元素。...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十六：浏览器对象模型

    JavaScript学习手册十六主要聚焦在浏览器对象模型（Browser Object Model，简称BOM）这一主题，它是Web前端开发中的重要组成部分。BOM允许JavaScript与浏览器进行交互，控制窗口、导航、历史记录、时间等特性，提供...

    javascript文档对象[归类].pdf

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

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