原文地址:https://www.cnblogs.com/whb17bcdq/p/6513766.html
document.body.clientWidth ==> BODY對(duì)象寬度
document.body.clientHeight ==> BODY對(duì)象高度
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?/p>
document.documentElement.clientHeight ==> 可見區(qū)域高度
document.body.clientWidth ==> 網(wǎng)頁(yè)可見區(qū)域?qū)?/p>
document.body.clientHeight ==> 網(wǎng)頁(yè)可見區(qū)域高
document.body.offsetWidth ==> 網(wǎng)頁(yè)可見區(qū)域?qū)?包括邊線的寬)
document.body.offsetHeight ==> 網(wǎng)頁(yè)可見區(qū)域高(包括邊線的高)
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 ==> 網(wǎng)頁(yè)正文部分左
window.screen.height ==> 屏幕分辨率的高
window.screen.width ==> 屏幕可用工作區(qū)寬度
window.screen.availHeight ==> 屏幕可用工作區(qū)高度
window.screen.availWidth ==> 屏幕可用工作區(qū)寬度
部分jquery函數(shù)獲取方法:
// 部分jQuery函數(shù)
$(window).height() ? ? ? ? ? ? ? //瀏覽器時(shí)下窗口可視區(qū)域高度?
$(document).height() ? ? ? ? ? //瀏覽器時(shí)下窗口文檔的高度?
$(document.body).height() //瀏覽器時(shí)下窗口文檔body的高度?
$(document.body).outerHeight(true) //瀏覽器時(shí)下窗口文檔body的總高度 包括border padding margin?
$(window).width() ? //瀏覽器時(shí)下窗口可視區(qū)域?qū)挾?
$(document).width()? //瀏覽器時(shí)下窗口文檔對(duì)于象寬度?
$(document.body).width() //瀏覽器時(shí)下窗口文檔body的高度?
$(document.body).outerWidth(true) //瀏覽器時(shí)下窗口文檔body的總寬度 包括border padding
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)的量
alert($(document).scrollTop()); //獲取滾動(dòng)條到頂部的垂直高度
alert($(document).scrollLeft()); //獲取滾動(dòng)條到左邊的垂直寬度