您的位置：首页 > Web前端 > JavaScript

js获取with和height屏幕浏览器的各种汇总

2015-03-24 09:48 363 查看

Document 对象

1、document.body.clientWidth、document.body.clientHeight

返回网页可见区域宽高

2、document.body.offsetWidth、document.body.offsetHeight

返回网页可见区域宽高(包括边线的宽)

3、document.body.scrollWidth、document.body.scrollHeight

返回网页正文区域宽高

4、document.body.scrollTop、document.body.scrollLeft

返回网页被卷去的top宽度和left宽度

Window 对象

5、window.screenTop、window.screenLeft

返回窗口相对于屏幕的X和Y坐标

6、window.screen.height、window.screen.width

返回屏幕分辨率的高和宽

7、window.screen.availHeight、window.screen.availWidth

返回屏幕可用工作区高宽

Screen 对象

8、screen.width、screen.height

返回显示屏幕的分辨率（宽，高）

9、screen.availWidth、screen.availHeight

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

<html>
<script>
function WandH(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height/*分辨率*/
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight/*除去任务栏*/
+"<br />"+
"网页可见区域宽："+document.body.clientWidth/*屏幕宽度*/
+"<br />"+
"网页可见区域高："+document.body.clientHeight/*屏幕高度（可显）*/
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth/*宽(包括边线的宽)*/
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight/*高(包括边线的宽*/
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth/*网页可见区域宽："+document.body.clientWidth/*屏幕宽度*/
+"<br />"+
"网页正文全文高："+document.body.scrollHeight/*网页可见区域高："+document.body.clientHeight/*屏幕高度（可显）*/
+"<br />"+
"网页被卷去的高："+document.body.scrollTop/*滚动高度*/
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft/*滚动宽度*/
+"<br />"+
"网页正文部分上："+window.screenTop/*返回窗口相对于屏幕的X和Y坐标。*/
+"<br />"+
"网页正文部分左："+window.screenLeft/**/
+"<br />"+
"屏幕分辨率的高："+window.screen.height/*分辨率*/
+"<br />"+
"屏幕分辨率的宽："+window.screen.width/*分辨率*/
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight/**/
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth/**/
);
}
</script>
<body onLoad="WandH()" >
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航