html 網頁高度

2022-09-13 17:09:10 字數 955 閱讀 8331

確定瀏覽器視窗的尺寸(瀏覽器的視口,不包括工具欄和滾動條)

var w=window.innerwidth

|| document.documentelement.clientwidth

|| document.body.clientwidth;

var h=window.innerheight

|| document.documentelement.clientheight

|| document.body.clientheight;

window.innerheight - 瀏覽器視窗的內部高度

window.innerwidth - 瀏覽器視窗的內部寬度

document.body.clientwidth ==> body物件寬度

document.body.clientheight ==> body物件高度

document.documentelement.clientwidth ==> 可見區域寬度

document.documentelement.clientheight ==> 可見區域高度

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

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

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

scrollwidth:獲取物件的滾動寬度

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

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

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

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

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

js獲取網頁高度

在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.clientwidth docume...

js獲取網頁高度

在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.clientwidth docume...

js獲取網頁高度

在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.clientwidth docume...