您的位置：首页 > 编程语言 > Java开发

javacript获取当前屏幕大小

2016-06-04 00:00 507 查看

在使用html5在android下做开发的时候，要获取屏幕实际的大小，直接上代码，可以通过如下代码测试。

<html>

<script>

function a(){

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

+"<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.availHeight

+"<br />"+

"屏幕可用工作区宽度："+window.screen.availWidth

);

}

</script>

<body onload="a()" >

</body>

</html>

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

IE，FireFox 差异如下：

IE6.0、FF1.06+：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：

clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高： window.screen.height

屏幕分辨率的宽： window.screen.width

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

屏幕可用工作区宽度： window.screen.availWidth

以上就是使用javacript获取当前屏幕大小的全部内容，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

始终在屏幕中间显示Div的代码(css+js)
js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合
js 获取屏幕各种宽高的方法(浏览器兼容)
js判断屏幕分辨率的代码
JS和jquery获取各种屏幕的宽度和高度的代码
JS测试显示屏分辨率以及屏幕尺寸的方法
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
js获取窗口相对于屏幕左边和上边的位置坐标
JS获取当前网页大小以及屏幕分辨率等

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

标签： javacript 屏幕大小

相关文章推荐

新的分享

章节导航