在使用html5在android下做開發(fā)的時(shí)候，要獲取屏幕實(shí)際的大小，直接上代碼，可以通過如下代碼測試。
代碼如下:
<html>
<script>
function a(){
document.write(
"屏幕分辨率為："+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"網(wǎng)頁可見區(qū)域?qū)挘?+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: 獲取對象的滾動高度。
scrollLeft:設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離
scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離
scrollWidth:獲取對象的滾動寬度
offsetHeight:獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度
offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置
offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置
event.clientX 相對文檔的水平座標(biāo)
event.clientY 相對文檔的垂直座標(biāo)
event.offsetX 相對容器的水平坐標(biāo)
event.offsetY 相對容器的垂直坐標(biāo)
document.documentElement.scrollTop 垂直方向滾動的值
event.clientX+document.documentElement.scrollTop 相對文檔的水平座標(biāo)+垂直方向滾動的量
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è)參考
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試