在使用html5在android下做開發(fā)的時(shí)候，要獲取屏幕實(shí)際的大小，直接上代碼，可以通過如下代碼測試。
<script>
function a(){
document.write(
"屏幕分辨率為："+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"網(wǎng)頁可見區(qū)域?qū)挘?quot;+document.body.clientWidth
+"<br />"+
"網(wǎng)頁可見區(qū)域高："+document.body.clientHeight
+"<br />"+
"網(wǎng)頁可見區(qū)域?qū)?包括邊線的寬)："+document.body.offsetWidth
+"<br />"+
"網(wǎng)頁可見區(qū)域高(包括邊線的寬)："+document.body.offsetHeight
+"<br />"+
"網(wǎng)頁正文全文寬："+document.body.scrollWidth
+"<br />"+
"網(wǎng)頁正文全文高："+document.body.scrollHeight
+"<br />"+
"網(wǎng)頁被卷去的高："+document.body.scrollTop
+"<br />"+
"網(wǎng)頁被卷去的左："+document.body.scrollLeft
+"<br />"+
"網(wǎng)頁正文部分上："+window.screenTop
+"<br />"+
"網(wǎng)頁正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的寬："+window.screen.width
+"<br />"+
"屏幕可用工作區(qū)高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作區(qū)寬度："+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 獲取對(duì)象的滾動(dòng)高度。
scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離
scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見內(nèi)容的最頂端之間的距離
scrollWidth:獲取對(duì)象的滾動(dòng)寬度
offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度
offsetLeft:獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置
offsetTop:獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置
event.clientX 相對(duì)文檔的水平座標(biāo)
event.clientY 相對(duì)文檔的垂直座標(biāo)
event.offsetX 相對(duì)容器的水平坐標(biāo)
event.offsetY 相對(duì)容器的垂直坐標(biāo)
document.documentElement.scrollTop 垂直方向滾動(dòng)的值
event.clientX+document.documentElement.scrollTop 相對(duì)文檔的水平座標(biāo)+垂直方向滾動(dòng)的量
IE，F(xiàn)ireFox 差異如下：
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均無關(guān))
網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁可見區(qū)域高： document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁正文全文寬： document.body.scrollWidth
網(wǎng)頁正文全文高： document.body.scrollHeight
網(wǎng)頁被卷去的高： document.body.scrollTop
網(wǎng)頁被卷去的左： document.body.scrollLeft
網(wǎng)頁正文部分上： window.screenTop
網(wǎng)頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
屏幕可用工作區(qū)寬度： window.screen.availWidth
以上就是使用javacript獲取當(dāng)前屏幕大小的全部內(nèi)容，希望能給大家一個(gè)參考，也希望大家多多支持VeVb武林網(wǎng)。
