`
sungang_1120
  • 浏览: 323563 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

js Window学习(二)Window Screen 获取屏幕可用高 、宽度

阅读更多

Window Screen

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

一些属性:

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

Window Screen 可用宽度

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

实例

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

<script>

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

</script>

以上代码输出为:

可用宽度:1440

Window Screen 可用高度

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

实例

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

<script>

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

</script>

以上代码输出为:

可用高度:860

 

分享到:
评论

相关推荐

    js获取屏幕的高度与宽度

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

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

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

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

    * `window.screen.availWidth`:获取浏览器的可用事情区宽度 * `window.screenTop`:获取浏览器的正文部门上边距 * `window.screenLeft`:获取浏览器的正文部门左边距 浏览器兼容性问题 ------------------- 在...

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

    ### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...

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

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

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

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

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

    在JavaScript中,获取浏览器窗口、屏幕以及网页的高度和宽度是常见的需求,这在网页布局、动态调整元素尺寸、响应式设计等方面非常有用。以下是一些关键的JavaScript属性和方法,用于获取这些信息: 1. **网页可见...

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

    * `window.screen.availWidth`: 获取屏幕可用工作区的宽度。 HTML 精确定位 在 HTML 中,还有一些属性可以用来获取对象的高度和宽度值。 * `scrollLeft`: 设置或获取位于对象左边界和窗口中目前可见内容的最左端...

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

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

    javascript获取页面各种高度

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

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

    - **`screen.availWidth`**:返回可用屏幕宽度(考虑任务栏等因素后的实际可用宽度)。 ```javascript var availHeight = window.screen.availHeight; // 可用屏幕高度 var availWidth = window.screen.availWidth;...

    window.open最大化操作

    前者将窗口移动到屏幕的左上角,后者将窗口的宽度和高度设置为屏幕的可用宽度和高度。这样,窗口将被最大化。 在实际开发中,我们可能需要在子页面中实现窗口的最大化,而不是在父页面中。因此,我们可以在子页面中...

    screen对象(教辅).pdf

    console.log("屏幕可用宽度是:"+screen.availWidth); console.log("屏幕可用高度是:"+screen.availHeight); ``` 运行效果分析 在上面的示例代码中,我们使用了 Screen 对象的四个属性来获取屏幕的宽高...

    js获取当前屏幕实时逻辑像素

    同时,`screen.availWidth`和`screen.availHeight`则分别表示可用的屏幕宽度和高度,不包括任务栏或其他非可视部分。 2. `window.innerWidth`和`window.innerHeight`:这两个属性返回浏览器窗口的可视区域的宽度和...

    JS 获取浏览器参数

    console.log("可用宽度:", window.screen.availWidth); console.log("可用高度:", window.screen.availHeight); ``` 还可以获取浏览器的语言设置,`navigator.language`或`navigator.languages`(如果支持多语言)...

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

    例如,下面的代码会打印出屏幕的可用宽度和高度: ```javascript document.write("Available Width: " + screen.availWidth); document.write(" "); document.write("Available Height: " + screen.availHeight)...

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

    "屏幕可用宽度" + window.screen.availWidth ); } ``` 此代码段通过调用`bodyonload`事件触发`a()`函数执行,从而动态地输出了上述提到的各种尺寸信息。这种技术非常实用,可以帮助开发者更好地理解当前设备和...

    JS和jquery获取各种屏幕的宽度和高度的代码

    14. **屏幕可用工作区宽度**:`window.screen.availWidth` 用户可用的屏幕宽度,减去任务栏等系统元素。 接下来,我们将讨论jQuery中的相关方法,jQuery提供了一种更简洁的方式来获取这些值: 1. **浏览器当前窗口...

    javascript获取窗口属性值

    - **含义**:分别表示屏幕可用的高度和宽度,即排除了任务栏等非浏览器区域。 - **应用场景**:在某些情况下,开发者可能需要考虑非浏览器空间的影响。 ##### 13. `window.screen.colorDepth` - **含义**:表示屏幕...

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

    这些属性提供了用户屏幕上可用于应用程序的可用高度和宽度,即排除了任务栏和其他系统界面元素后的空间。 9. `window.screen.colorDepth` 和 `window.screen.deviceXDPI` `colorDepth` 返回屏幕的色彩深度,如16位...

Global site tag (gtag.js) - Google Analytics