瀏覽器視窗距離螢幕的位置
window.screenleft
window.screentop
獲取檢視區域的大小
var clientwidth = document.documentelement.clientwidth||document.body.clientwidth;
var clientheight = document.documentelement.clientheight||document.body.clientheight;
獲取滾動偏移大小
var scrollleft = document.documentelement.scrollleft||document.body.scrollleft;
var scrolltop = document.documentelement.scrolltop||document.body.scrolltop;
獲取整個文件區域的大小
var documentheight = math.max(document.documentelement.scrollheight,document.documentelement.clientheight);
var documentwidth = math.max(document.documentelement.scrollwidth,document.documentelement.clientwidth);
獲取元素所佔區域大小
包含border padding 內容(width和height) ,不包含margin
var offsetwidth = boxele.offsetwidth;
var offsetheight = boxele.offsetheight;
獲取元素可視區域大小
var eleclientwidth = boxele.clientwidth;
var eleclientheight = boxele.clientheight
offsetleft 自己邊框距離父容器的padding
offsettop 自己邊框上部距離父容器的padding 之間的距離 唯讀
ev.clientx距離檢視的x座標
ev.clienty距離檢視的y座標
ev.pagex/文件左上角
ev.pagey
ev.screenx/螢幕左上角
ev.screeny
ev.offsetx//相對於當前元素的左上角
ev.offsety
jQuery中尺寸與座標函式
一 獲得座標 1.offset offset 方法返回或設定匹配元素相對於文件的偏移 位置 即視口座標 該方法返回的物件包含兩個整型屬性 top 和 left，以畫素計。此方法只對可見元素有效。alert 內框座標為 samll offset left samll offset top 結果 2.p...
JS 常用位置 和 尺寸 獲取 滑鼠的座標
innerwidth 文件顯示區域 寬 innerheight 文件顯示區域 高 outwidth 瀏覽器整個寬 outheight 瀏覽器整個高 screenx screenleft 瀏覽器裡螢幕左上角距離的x座標 screeny screentop 瀏覽器裡螢幕左上角距離的y座標 尺寸 elem...