網頁寬高度中的常用參數：

一、頁面實際的寬度和高度

網頁的高度 document.documentElement.offsetHeight;網頁的寬度 document.documentElement.offsetwidth;

二、眼睛能看見的高度和寬度

視口高度 window.innerHeight;視口寬度 window.innerWidth;

三、頁面相對于左上角的橫縱坐標（眼睛看到的部分）

網頁元素距離左上角的視口橫坐標 Element.getBoundingClientRect().left;網頁元素距離左上角的視口縱坐標 Element.getBoundingClientRect().top;

四、頁面相對于左上角的橫縱坐標（實際頁面的大小）

網頁元素左上角的網頁橫坐標 Element.getBoundingClientRect().left + document.body.scrollLeft;網頁元素左上角的網頁縱坐標 Element.getBoundingClientRect().top + document.body.scrollTop;

五、頁面滾動條移動的距離

網頁滾動的水平距離 document.body.scrollLeft;網頁滾動的垂直距離 document.body.scrollTop;

六、頁面元素的實際高度

網頁元素的高度 Element.offsetHeight;網頁元素的寬度 Element.offsetWidth;

總結

以上是生活随笔為你收集整理的网页中的宽高度（网页视口宽高度，网页滚动宽高度，网页宽高度........）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。