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

关于Screen.availWidth和Screen.availHeight

    博客分类:
  • Html
阅读更多

Screen 对象包含有关客户端显示屏幕的信息;

 

availHeight返回显示屏幕的高度 (除 Windows 任务栏之外);

availWidth返回显示屏幕的宽度 (除 Windows 任务栏之外);

 

如果需要包括任务栏的就需要使用screen.heightscreen.width;

availWidth 属性声明了显示浏览器的屏幕的可用宽度;

例:screen.availHeight. 
xp系统会减去windows任务栏默认30px高度.所以如果是800的高度会变成770;
win7的任务栏默认则是40px.所以是屏幕实际高度减去40;


另外任务栏也可以在屏幕上下左右任何位置的;所以availWidth也会去掉任务栏的距离;

 

 

分享到:
评论

相关推荐

    screen.html

    alert('当前窗口的实际大小为:'+screen.height+":"+screen.width+'\n'+'当前窗口的可视大小为:'+screen.availHeight+":"+screen.availWidth); </body>

    window.open最大化操作

    在上面的代码中,我们使用setTimeout方法来延迟执行两个JavaScript语句:top.moveTo(0,0)和top.resizeTo(screen.availWidth,screen.availHeight)。前者将窗口移动到屏幕的左上角,后者将窗口的宽度和高度设置为屏幕...

    网页打开自动最大化的js代码

    代码1:最常用的代码,比较简单 代码如下: [removed] self.moveto(0,0) self.resizeto(screen.availwidth,screen.availheight) [removed] 代码2: 以下代码放在<head></head>之间: 代码如下: [removed] ...

    多浏览器兼容的js弹窗效果

    OpenWinTopXY = "top="+((screen.availHeight-this.Height)/2)+",left="+((screen.availWidth-this.Width)/2); }else if (this.Place == "top"){ OpenWinTopXY = "top=0,left=0"; }else{ OpenWinTopXY = "top=...

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

    "屏幕可用大小" + screen.availWidth + "*" + screen.availHeight + " " + "页面宽度" + document.body.clientWidth + " " + "页面高度" + document.body.clientHeight + " " + "页面宽度(包括滚动...

    将弹出窗口切换至最大.txt

    `screen.availWidth`和`screen.availHeight`分别代表了屏幕的有效宽度和高度,这两个值考虑了操作系统任务栏等非浏览器区域所占用的空间。通过这种方式调整窗口大小,可以确保窗口最大化并且不会被任务栏或其他系统...

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

    这可以通过`window.screen.availWidth`和`window.screen.availHeight`获得。 示例代码: ```javascript const availWidth = window.screen.availWidth; const availHeight = window.screen.availHeight; console....

    screen对象(教辅).pdf

    Screen 对象有四个主要的属性:availHeight、availWidth、width 和 height。 * availHeight:返回显示屏幕的高度(除 Window 任务栏之外),以像素计。 * availWidth:返回显示屏幕的宽度(除 Window 任务栏之外)...

    JS 获取浏览器参数

    `screen.width`和`screen.height`分别代表屏幕的宽度和高度,而`screen.availWidth`和`screen.availHeight`则表示可用的屏幕区域,即去掉任务栏和菜单后的尺寸。 ```javascript console.log("屏幕宽度:", window....

    javascript作品:网页开屏效果

    `window.screen.availWidth` 和 `window.screen.availHeight` 分别返回当前屏幕的可用宽度和高度(单位为像素)。这些属性在确定窗口的初始位置和停止条件时非常有用。 ```javascript var y = window.screen....

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

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

    打开窗口自动最大化.rar

    if (window.screen.availWidth > 0 && window.screen.availHeight > 0) { window.moveTo(0, 0); window.resizeTo(window.screen.availWidth, window.screen.availHeight); } }; ``` 这段代码首先检查了屏幕可用...

    javascript获取网页各种高宽及位置的方法总结

    screen.availWidth //屏幕可用宽度 屏幕的像素高度减去系统部件高度之后的值 screen.availHeight //屏幕可用高度 屏幕的像素宽度减去系统部件宽度之后的值 window对象 获得窗口位置及大小 window.screenTop //窗口...

    chrome_progress:西伯利亚健康的 Chome 包应用程序进度计时器

    availWidth ; var screenHeight = screen . availHeight ; var width = 500 ; var height = 300 ; chrome . app . window . create ( 'index.html' , { id : "helloWorldID" , outerBounds : { width : w

    javacript获取当前屏幕大小

    2. `screen.availWidth` 和 `screen.availHeight`: 这些属性提供可用的工作区尺寸,即用户在屏幕上可以使用的空间,排除了任务栏和 dock 等系统界面元素。这意味着这些值比 `screen.width` 和 `screen.height` 更小...

    JavaScript得到当前窗口的所有大小值

    11. **`window.screen.availHeight`** 和 **`window.screen.availWidth`**:返回屏幕可用的高度和宽度(即去除任务栏等后可用的分辨率)。 12. **`window.screen.colorDepth`**:返回屏幕的颜色深度。 #### 示例...

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

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

    js关于不同浏览器的不同之处

    `offsetHeight`, `scrollHeight`以及与屏幕尺寸相关的`window.screen.availWidth`, `window.screen.availHeight`, `window.screen.width`, `window.screen.height`, `document.body.offsetHeight`和`document.body....

    javascript经典特效---显示器分辨率检测.rar

    - `screen.availHeight`:返回可用的屏幕高度,不包含任务栏和其他系统元素。 2. 示例代码: ```javascript var width = window.screen.width; var height = window.screen.height; console.log("屏幕分辨率: ...

Global site tag (gtag.js) - Google Analytics