網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁(yè)可見(jiàn)區(qū)域高: document.body.clientHeight
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁(yè)可見(jiàn)區(qū)域高: document.body.offsetHeight (包括邊線的高)
網(wǎng)頁(yè)正文全文寬: document.body.scrollWidth
網(wǎng)頁(yè)正文全文高: document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高: document.body.scrollTop
網(wǎng)頁(yè)被卷去的左: document.body.scrollLeft
網(wǎng)頁(yè)正文部分上: window.screenTop
網(wǎng)頁(yè)正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的寬: window.screen.width
屏幕可用工作區(qū)高度: window.screen.availHeight
屏幕可用工作區(qū)寬度: window.screen.availWidth
HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 獲取對(duì)象的滾動(dòng)高度。
scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離
scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(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)的量
1带欢、網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)捀咴耸冢话üぞ邫诤蜐L動(dòng)條(瀏覽器窗口可視區(qū)域大小)
1.對(duì)于IE9+乔煞、chrome吁朦、firefox、Opera渡贾、Safari:
window.innerHeight瀏覽器窗口的內(nèi)部高度逗宜;
window.innerWidth瀏覽器窗口的內(nèi)部寬度;
2.對(duì)于IE8.7.6.5:
document.documentElement.clientHeight:表示HTML文檔所在窗口的當(dāng)前高度空骚;
document.documentElement.clientWidth:表示HTML文檔所在窗口的當(dāng)前寬度纺讲;
或者,因?yàn)閐ocument對(duì)象的body屬性對(duì)應(yīng)HTML文檔的<body>標(biāo)簽囤屹,所以也可表示為:
document.body.clientHeight:表示HTML文檔所在窗口的當(dāng)前高度熬甚;
document.body.clientWidth:表示HTML文檔所在窗口的當(dāng)前寬度;
結(jié)論:
document.body.clientWidth/Height:的寬高偏小肋坚,高甚至默認(rèn)200乡括;
document.documentElement.clientWidth/Height 和 window.innerWidth/Height 的寬高始終相等。
所以在不同瀏覽器都實(shí)用的的Javascripit方案:
1智厌、var w = document.documentElement.clientWidth || document.body.clientWidth;
2诲泌、var h = document.documentElement.clientHeight || document.body.clientHeight;
二:網(wǎng)頁(yè)正文全文寬高
scrollWidth和scrollHeight獲取網(wǎng)頁(yè)內(nèi)容高度和寬度
1.針對(duì)IE.Opera:scrollHeight是網(wǎng)頁(yè)內(nèi)容實(shí)際高度,可以小于clientHeight;
2.針對(duì)NS.firefox:scrollHeight是網(wǎng)頁(yè)內(nèi)容高度峦剔,不過(guò)最小值是clientHeight;也就是說(shuō)網(wǎng)頁(yè)內(nèi)容實(shí)際高度小于clientHeight的時(shí)候档礁,scrollHeight返回clientHeight;
3.瀏覽器兼容代碼:
1吝沫、var w = document.documentElement.scrollWidth || document.body.scrollWidth;
2呻澜、var h = document.documentElement.scrollHeight || document.body.scrollHeight;
三:網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)捀叩堇瘢L動(dòng)條等邊線(會(huì)隨窗口的顯示大小改變)
1.值:offsetWidth = scrollWidth + 左右滾動(dòng)條 +左右邊框;
offsetHeight = scrollHeight + 上下滾動(dòng)條 + 上下邊框羹幸;
2.瀏覽器兼容代碼:
1脊髓、var w = document.documentElement.offsetWidth || document.body.offsetWidth ;
2、var h = document.documentElement.offsetHeight || document.body.offsetHeight ;
四:網(wǎng)頁(yè)卷去的距離與偏移量
1.scrollLeft:設(shè)置或獲取位于給定對(duì)象左邊界與窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離栅受;
2.scrollTop:設(shè)置或獲取位于給定對(duì)象最頂端與窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離将硝;
3.offsetLeft:設(shè)置或獲取位于給定對(duì)象相對(duì)于版面或由offsetParent屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置;
4.offsetTop:設(shè)置或獲取位于給定對(duì)象相對(duì)于版面或由offsetParent屬性指定的父坐標(biāo)的計(jì)算頂端位置屏镊;