js獲取螢幕元素寬高值

2022-09-17 07:06:16 字數 1232 閱讀 4637

螢幕解析度的寬高:window.screen.width  / window.screen.height 

螢幕可用工作區寬高:window.screen.**ailwidth / window.screen.**ailheight

網頁可見區域寬高:document.body.clientwidth / document.body.clientheight

網頁可見區域寬高:document.body.offsetwidth / document.body.offsetheight(包括邊線) 

網頁正文全文寬高:document.body.scrollwidth / document.body.scrollheight

網頁被卷去的高(ff):document.body.scrolltop 

網頁被卷去的高(ie): document.documentelement.scrolltop;

網頁被卷去的左:document.body.scrollleft

網頁正文部分上:window.screentop 

網頁正文部分左:window.screenleft

某個元素的寬度:obj.offsetwidth;

某個元素的高度:obj.offsetheight;

html精確定位:scrollleft,scrollwidth,clientwidth,offsetwidth 

scrollheight: 獲取物件的滾動高度。 

scrollleft:設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離 

scrolltop:設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離 

scrollwidth:獲取物件的滾動寬度 

offsetheight:獲取物件相對於版面或由父座標 offsetparent 屬性指定的父座標的高度 

offsetleft:獲取物件相對於版面或由 offsetparent 屬性指定的父座標的計算左側位置 

offsettop:獲取物件相對於版面或由 offsettop 屬性指定的父座標的計算頂端位置 

event.clientx 相對文件的水平座標 

event.clienty 相對文件的垂直座標 

event.offsetx 相對容器的水平座標 

event.offsety 相對容器的垂直座標 

event.clientx+document.documentelement.scrolltop 相對文件的水平座標+垂直方向滾動的量

獲取元素寬高

獲取元素寬高值 1.內聯樣式.element.style讀取的只是元素內聯樣式,即寫在元素的 style 屬性上的樣式,支援讀寫.var elebox document.getelementbyid eleid var h elebox.style.height 外聯樣式 巢狀樣式無法通過上述方法直...

獲取元素高寬

element.clientwidth屬性表示元素的內部寬度,以畫素計。該屬性包括內邊距,但不包括垂直滾動條 如果有 邊框和外邊距 element.getboundingclientrect width有內邊距和邊框,無外邊距 element.style.width 只能去內聯樣式的寬window....

android 獲取螢幕寬高

發現專案中有兩種獲取螢幕寬高的方法 一 通過windowmanager獲取display,通過display獲取metrics,通過metrics獲取寬高。最後的單位是px。public static final int getscreenwidth 二 通過windowmanager獲取displ...