clientHeight、offsetHeight、scrollHeight、window.screen - CshBBrain - ITeye博客

`

CshBBrain

浏览: 650143 次
性别:
来自: 成都

最近访客更多访客>>

kristy_yy

hb_wxd

gugnv

a524274865

博主相关

博客

微博

相册

收藏

留言

关于我

博客专栏

: 开源WebSocket服务...
浏览量：144910

: HTML5移动开发
浏览量：137860

文章分类

社区版块

存档分类

最新评论

zhima：楼主还在升级开发吗？还是地址变动了
开源WebSocket服务器项目宝贝鱼CshBBrain V4.0.1 和 V2.0.2发布
linxingliang：你好，我有一个iteye账号也被锁定了，你是通过什么方式联系管 ...
今天由于iteye账号被锁定所有博文不能访问，已解锁
独自空楼茉莉为谁而开：解决啦，仿照你的广播发送写的代码嘿嘿
开源WebSocket服务器项目宝贝鱼(CshBBrain)版本发布
独自空楼茉莉为谁而开：小弟有一个问题我在本地开启两个页面访问后台，后台稍微修改下代 ...
开源WebSocket服务器项目宝贝鱼(CshBBrain)版本发布
spqin： ...
百度地图API详解之地图标注

clientHeight、offsetHeight、scrollHeight、window.screen

阅读更多

转自 http://hi.baidu.com/subendong/blog/item/7dcba5efd25985e7cf1b3ee6.html

<html>
<head>
<title></title>
</head>
<body>
<SCRIPT LANGUAGE="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;
alert(s);
</SCRIPT>
</body>
</html>

分享到：

Android官方文档之Web Apps屏幕适配 | 天翼空间云测试平台评测中........看看我的 ...

2012-03-21 09:38
浏览 1369
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

js关于不同浏览器的不同之处: 本文将详细介绍`clientHeight`, `offsetHeight`, `scrollHeight`以及与屏幕尺寸相关的`window.screen.availWidth`, `window.screen.availHeight`, `window.screen.width`, `window.screen.height`, `document.body....

javascript获取网页宽高方法汇总.docx: 8. `window.screen.availHeight` 和 `window.screen.availWidth` 这些属性提供了用户屏幕上可用于应用程序的可用高度和宽度，即排除了任务栏和其他系统界面元素后的空间。 9. `window.screen.colorDepth` 和 `...

JavaScript得到当前窗口的所有大小值: 11. **`window.screen.availHeight`** 和 **`window.screen.availWidth`**：返回屏幕可用的高度和宽度（即去除任务栏等后可用的分辨率）。 12. **`window.screen.colorDepth`**：返回屏幕的颜色深度。 #### 示例...

关于获取各种浏览器可见窗口大小: - **`window.screen.availWidth`** 和 **`window.screen.availHeight`**：这两个属性表示屏幕的可用工作区尺寸。 #### 二、不同浏览器下的差异不同浏览器在处理这些属性时存在一定的差异性，特别是在遵循W3C标准...

JS获取浏览器窗口大小: 7. **`window.screen.availHeight`** 和 **`window.screen.availWidth`** - **用途**：分别表示可用屏幕的高度和宽度（减去任务栏等操作系统占用的空间）。 - **适用场景**：当需要知道用户可用屏幕空间时使用。 ...

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

js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf: * `window.screen.availHeight`：获取浏览器的可用事情区高度 * `window.screen.availWidth`：获取浏览器的可用事情区宽度 * `window.screenTop`：获取浏览器的正文部门上边距 * `window.screenLeft`：获取浏览器的...

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

js获取屏幕分辨率的方法: var screenWidth = window.screen.width; // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸，并据此调整网页布局。 #### 获取浏览器窗口尺寸除了...

JS获取浏览器窗口大小获取屏幕,浏览器,网页高度宽度[文].pdf: - `window.screen.availHeight`：返回屏幕可用的工作区高度，即用户可以用来显示内容的区域，不包括任务栏等系统界面。 - `window.screen.availWidth`：返回屏幕可用的工作区宽度。 5. **事件坐标**： - `event....

javascript中获得屏幕中和浏览器中所有的尺寸方法: - **`window.screen.availHeight`**：表示浏览器窗口可实际使用的屏幕高度。 - **`window.screen.availWidth`**：表示浏览器窗口可实际使用的屏幕宽度。 ### 示例代码解析提供的代码通过`document.write()`函数...

document.body.scrollTop用法: - **window.screen.availHeight** 和 **window.screen.availWidth**: 可用工作区的高度和宽度。 ##### 3. 兼容性问题 - 在不同的浏览器中，`document.body.scrollTop` 的表现可能会有所不同。 - 对于大多数现代...

js常用的dom高度长度详细: - `window.screen.availHeight` 和 `window.screen.availWidth` 提供了用户屏幕可用的工作区域高度和宽度，即去掉任务栏、菜单栏等系统界面后的大小。 5. **定位属性**： - `offsetWidth` 和 `offsetHeight` 是...

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

JS,Jquery获取各种屏幕的宽度和高度: 7. **`window.screen.availHeight`** 和 **`window.screen.availWidth`**： - 这两个属性返回的是屏幕可用的高度和宽度，即减去了任务栏等操作系统占用的空间后的实际可用尺寸。 #### jQuery获取屏幕尺寸在使用...

Javascript获取页面、屏幕尺寸大小参数.: #### `window.screen.availWidth` 和 `window.screen.availHeight` 与前两个属性相比，`availWidth`和`availHeight`返回的是浏览器窗口可以使用的屏幕尺寸，已经减去了被操作系统或其他应用占用的空间。这是更准确地...

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

js中的如何定位固定层的位置.docx: - `window.screen.availHeight`: 获取屏幕可用工作区高度。 - `window.screen.availWidth`: 获取屏幕可用工作区宽度。 - `element.scrollHeight`: 获取元素自身的滚动高度。 - `element.scrollLeft`: 设置或获取位于...

javascript获取窗口属性值: `window.screen.availHeight` 和 `window.screen.availWidth` - **含义**：分别表示屏幕可用的高度和宽度，即排除了任务栏等非浏览器区域。 - **应用场景**：在某些情况下，开发者可能需要考虑非浏览器空间的影响。...

js常用代码集锦.: - `window.screen.availHeight`: 用户可用的工作区高度，不包括任务栏等。 - `window.screen.availWidth`: 用户可用的工作区宽度，不包括任务栏等。 5. **对象和事件坐标**： - `event.clientX`: 鼠标点击事件相...

Global site tag (gtag.js) - Google Analytics