一、screen物件
1、height:裝置視窗高度。
2、width:裝置視窗寬度。
二、獲得頁面可視區域的大小：
window.innerwidth || document.body.clientwidth//整個頁面的寬度
window.innerheight || document.body.clientheight//整個頁面的高度
三、offset系列:
offsetheight and offsetwidth: offsetheight = height+padding(top+bottom)+border(top+bottom) ; offsetwidth = width+padding(left+right)+border(left+right)
offsetleft and offsettop:到距離自身最近的自帶定位(relative or absolute)的父級元素的左側/頂部，沒有定位則以body為準；offsetleft是自身border到父元素的padding,沒有包括父元素的border-left。
offsetparent:獲得父元素的引用。
四、scroll系列：
scrollwidth and scrollheight :物件內部的實際內容(content +padding) 不包括border
scrolltop and scrollleft:不包括元素本身的border-top/border-left
五、client系列：
clientx and clienty : clientx = width + padding(left+right) ; clienty = height + padding(top+bottom)
瀏覽器視窗的大小
var w window.innerwidth document.documentelement.clientwidth document.body.clientwidth var h window.innerheight document.documentelement.clientheight ...
瀏覽器視窗大小 網頁大小 元素位置
部分摘錄自阮一峰老師部落格 一張網頁的全部面積，就是它的大小。通常情況下，網頁的大小由內容和css樣式表決定。瀏覽器視窗的大小，則是指在瀏覽器視窗中看到的那部分網頁面積，又叫做viewport 視口 注意事項 const getviewport 如果網頁內容能夠在瀏覽器視窗中全部顯示，不出現滾動條，...
JS 獲取瀏覽器視窗大小
js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.body.clientwidth...