document.body.clientWidth BODY对象宽度。通配符未清零margin的时候，小于页面可见区域宽度
document.body.clientHeight BODY对象高度。
document.documentElement.clientWidth 可见区域宽度
document.documentElement.clientHeight 可见区域高度
document.body.scrollWidth 网页正文全文宽
document.body.scrollHeight 网页正文全文高
document.body.scrollTop 网页被卷去的高//未用过
document.body.scrollLeft 网页被卷去的左//未用过
window.screenTop 网页正文部分上//未用过
window.screenLeft 网页正文部分左//未用过
window.screen.width 屏幕分辨率的宽
window.screen.height 屏幕分辨率的高
window.screen.availWidth 屏幕可用工作区宽度
window.screen.availHeight 屏幕可用工作区高度(含浏览器框架的高度）

e.g.

<!DOCTYPE html>

<html>

<head>

<meta charset='utf-8' />

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; maximum-scale=1.0;" />

<style>

*{ margin:0; padding:0; line-height:20px; width:1000px; height:1000px;}

</style>

</head>

<body>

1

<script>

window.onload = function(){document.write('BODY对象宽度'+document.body.clientWidth+'<br />'+

	'BODY对象高度'+document.body.clientHeight+'<br />'+

	'可见区域宽度'+document.documentElement.clientWidth+'<br />'+

	'可见区域高度'+document.documentElement.clientHeight+'<br />'+

	'网页正文全文宽'+document.body.scrollWidth+'<br />'+

	'网页正文全文高'+document.body.scrollHeight+'<br />'+

	'网页被卷去的高'+document.body.scrollTop+'<br />'+

	'网页被卷去的左'+document.body.scrollLeft+'<br />'+

	'网页正文部分上'+window.screenTop+'<br />'+

	'网页正文部分左'+window.screenLeft+'<br />'+

	'屏幕分辨率的宽'+window.screen.height+'<br />'+

	'屏幕分辨率的高'+window.screen.width+'<br />'+

	'屏幕可用工作区宽度'+window.screen.availWidth+'<br />'+

	'屏幕可用工作区高度'+window.screen.availHeight

	)}

</script>

</body>

</html>

pc chrome

BODY对象宽度1000
BODY对象高度1000
可见区域宽度1425
可见区域高度392
网页正文全文宽1425
网页正文全文高1000
网页被卷去的高0
网页被卷去的左0
网页正文部分上0
网页正文部分左0
屏幕分辨率的宽900
屏幕分辨率的高1440
屏幕可用工作区宽度1440
屏幕可用工作区高度860

ios chrome

BODY对象宽度1000
BODY对象高度1000
可见区域宽度320
可见区域高度416
网页正文全文宽1000
网页正文全文高1000
网页被卷去的高0
网页被卷去的左0
网页正文部分上0
网页正文部分左0
屏幕分辨率的宽480
屏幕分辨率的高320
屏幕可用工作区宽度320
屏幕可用工作区高度460　

JS关于浏览器尺寸的方法的更多相关文章

  1. 关于通过JS识别浏览器类型的方法

    JS检测浏览器类型的方法   网络上一般采用navigator.userAgent判断浏览器标识的办法,但是有个麻烦的问题是IE11不断升级之后,IE11的userAgent变成: "Moz ...

  2. JS判断浏览器类型的方法总结（IE firefox chrome opera safari）

    JS判断浏览器类型的方法总结,可判别当前客户端所使用的浏览器是ie,firefox,safari,chrome或者是opera,另外js可以精确判断到ie浏览器的版本,依然直接上代码,需要的朋友可按照 ...

  3. js 让浏览器全屏模式的方法launchFullscreen

    浏览器全屏模式的启动函数requestFullscreen仍然需要附带各浏览器的js方言前缀 // 判断各种浏览器,找到正确的方法 function launchFullscreen(element) ...

  4. js获取浏览器尺寸

    Javascript: alert(document.body.clientWidth);        //网页可见区域宽(body) alert(document.body.clientHeigh ...

  5. Js解析浏览器路径的方法

    方法如下:function parseURL(url) { var a = document.createElement('a'); //创建一个链接 a.href = url; return { s ...

  6. js禁止浏览器滚屏方法

    在有些需求中需要对页面进行限制页面的查看权限,阻止用户滚动浏览器.那么我们就要禁止鼠标的滚动事件,并且如果浏览器的滚动事件一旦触发我们就将滚动条重置为0就可以了.以下是具体代码: //出现滚动值立马归 ...

  7. JS清除IE浏览器缓存的方法

    js中自动清除ie缓存方法 — 常用 对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了.但是对于静态文件 ...

  8. jquery和js检测浏览器窗口尺寸和分辨率

    jquery和js检测浏览器窗口尺寸和分辨率,转载自网络,记录备忘 <script type="text/javascript">$(document).ready(f ...

  9. JS打开新窗口防止被浏览器阻止的方法

    这篇文章主要介绍了JS打开新窗口防止被浏览器阻止的方法,分析对比了常用方法与改进方法,是非常实用的技巧,需要的朋友可以参考下 本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考. ...

随机推荐

  1. 菜鸟调错（三）——Jboss与jdk版本号不兼容导致WebService调用出错

    环境: jdk1.6 Jboss 5.1.0.GA 问题描写叙述: EJB公布webserivce已经成功,而且可以成功訪问wsdl文件: 使用axis1自带的sample/client下的类Dyna ...

  2. 百度地图SDK for Android【检索服务】

    1搜索服务 百度地图SDK集成搜索服务包括:位置检索.周边检索.范围检索.公交检索.驾乘检索.步行检索,通过初始化MKSearch类,注册搜索结果的监听对象MKSearchListener,实现异步搜 ...

  3. Android API Guides---Tasks and Back Stack

    一个应用程序通常包括多个活动.每一个活动应环绕行动的用户能够运行,而且能够启动其它活动的特定种类进行设计.比如,电子邮件应用程序可能具有一个活动,以显示新的消息的列表.当用户选择一个信息.一个新的活动 ...

  4. Js 的test方法

    Js 的test()方法 test() 方法用于检测一个字符串是否匹配某个模式. 定义和用法test() 方法用于检测一个字符串是否匹配某个模式. 如果字符串中有匹配的值返回 true ,否则返回 f ...

  5. Hbase总结（八）Hbase中的Coprocessor

    1.起因(Why HBase  Coprocessor) HBase作为列族数据库最常常被人诟病的特性包含:无法轻易建立"二级索引",难以运行求和.计数.排序等操作.比方,在旧版本 ...

  6. UITextView 的使用

    直接上代码: // // RootViewController.m // UIText_test // // #import "RootViewController.h" #imp ...

  7. 开源爬虫Labin，Nutch，Neritrix介绍和对比

    crawler 开发 语言 功能 单一 支持分布式 爬取 效率 镜像 保存 Nutch Java × √ 低 × Larbin C++ √ × 高 √ Heritrix Java √ × 中 √ ** ...

  8. windows+Linux【Composer安装指定版本laravel】

    在windows下安装的方法:(php.ini中openssl.dll扩展必须打开,且版本>=5.4) 方法一:使用安装程序 这是将 Composer 安装在你机器上的最简单的方法. 下载并且运 ...

  9. Timer Schedule参数说明

    Timer是一种定时器工具,用来在一个后台线程计划执行指定任务.它可以计划执行一个任务一次或反复多次. TimerTask一个抽象类,它的子类代表一个可以被Timer计划的任务. schedule的意 ...

  10. php getallheaders使用注意事项

    This function is an alias for apache_request_headers(). Please read the apache_request_headers() doc ...