JS獲取螢幕,瀏覽器,網頁高度寬度

2022-09-16 05:30:16 字數 1697 閱讀 1103

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

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

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

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

網頁正文全文寬:document.body.scrollwidth

網頁正文全文高:document.body.scrollheight

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

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

網頁正文部分上:window.screentop

網頁正文部分左:window.screenleft

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

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

螢幕可用工作區高度:window.screen.**ailheight

螢幕可用工作區寬度:window.screen.**ailwidth

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

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

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

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

scrollwidth:獲取物件的滾動寬度

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

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

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

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

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

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

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

document.documentelement.scrolltop 垂直方向滾動的值

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

ie,firefox 差異如下:

ie6.0、ff1.06+:

clientwidth = width + padding

clientheight = height + padding

offsetwidth = width + padding + border

offsetheight = height + padding + border

ie5.0/5.5:

clientwidth = width - border

clientheight = height - border

offsetwidth = width

offsetheight = height

(需要提一下:css中的margin屬性,與clientwidth、offsetwidth、clientheight、offsetheight均無關)

JS獲取瀏覽器的高度和寬度

ie中 document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.documentelement.clientwidth 可見區域寬度 document.documentelement.client...

js獲取瀏覽器高度與寬度和各種

js獲取瀏覽器高度和寬度 ie中 document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.documentelement.clientwidth 可見區域寬度 document.documente...

瀏覽器寬度與高度

瀏覽器寬度與高度 可見區域寬度 document.documentelement.clientwidth 可見區域高度 document.documentelement.clientheight 網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.b...