javascript、jquery獲取網頁的高度和寬度

zxhaaa 發布于2019-08-21 10:44 / 3576人閱讀

摘要：可視區域寬可視區域高可視區域寬包括邊線的寬可視區域高包括邊線的高內容高文檔高縱向滾動的距離橫向滾動的距離可視區域寬可視區域高頁面的文檔寬頁面的文檔高獲取滾動條到左邊的垂直寬度獲取滾動條到頂部的垂直高度

javascript：

可視區域寬：document.documentElement.clientWidth （width + padding）

可視區域高：document.documentElement.clientHeight （height + padding）

可視區域寬： document.body.offsetWidth (包括邊線的寬： width + padding + border)

可視區域高： document.body.offsetHeight (包括邊線的高：height + padding + border)

內容高： document.body.scrollHeight

文檔高： document.body.offsetHeight

縱向滾動的距離： document.body.scrollTop || document.documentElement.scrollTop

橫向滾動的距離： document.body.scrollLeft || document.documentElement.scrollLeft

jquery:

可視區域寬 : $(window).width()

可視區域高：$(window).height()

頁面的文檔寬：$(document).width();

頁面的文檔高：$(document).height();

獲取滾動條到左邊的垂直寬度：$(document).scrollLeft();

獲取滾動條到頂部的垂直高度：$(document).scrollTop();

GPU云服務器云服務器 javascript和jquery的區別 jquery和javascript的區別寬度高度屏幕高度寬度

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86097.html

關于JS、JQ獲取可視區域的高度、寬度以及屏幕分辨率的那些事

摘要：用和獲取相關屬性網頁可見區域寬網頁可見區域高網頁可見區域寬包括邊框的寬網頁可見區域高包括邊框的高網頁正文全文寬網頁正文全文高網頁下滑的距離網頁左滑的距離屏幕分辨率的高屏幕分辨率的寬屏幕可用工作區的高屏幕可用工作區的高瀏覽器可視區域的內寬度，用JS和JQ獲取相關屬性 JavaScript document.body.clientWidth;//網頁可見區域寬document.body....

or0fun 2019-08-21 11:35 評論0 收藏0
移動web開發問題和經驗總結

摘要：的事件默認綁在上的抓包瀏覽器連接安卓機測試實用網站適配測試兼容性網站前端開發雅虎條優化準則前言這里大部分是自己遇到過的情況，還有一部分借鑒了同行的文章，如果大家有遇到其它坑，歡迎提出來一起研究。知識要點 1. Meta標簽 1.禁止用戶縮放頁面，頁面強制讓文檔的寬度與設備的寬度保持1:1 2.禁止ios上自動識別電話 3.禁止android上自動識別郵箱 4.針對ios上的...

MorePainMoreGain 2019-08-02 16:02 評論0 收藏0
移動web開發問題和經驗總結

摘要：的事件默認綁在上的抓包瀏覽器連接安卓機測試實用網站適配測試兼容性網站前端開發雅虎條優化準則前言這里大部分是自己遇到過的情況，還有一部分借鑒了同行的文章，如果大家有遇到其它坑，歡迎提出來一起研究。知識要點 1. Meta標簽 1.禁止用戶縮放頁面，頁面強制讓文檔的寬度與設備的寬度保持1:1 2.禁止ios上自動識別電話 3.禁止android上自動識別郵箱 4.針對ios上的...

yexiaobai 2019-08-30 14:14 評論0 收藏0
移動web開發問題和經驗總結

摘要：的事件默認綁在上的抓包瀏覽器連接安卓機測試實用網站適配測試兼容性網站前端開發雅虎條優化準則前言這里大部分是自己遇到過的情況，還有一部分借鑒了同行的文章，如果大家有遇到其它坑，歡迎提出來一起研究。知識要點 1. Meta標簽 1.禁止用戶縮放頁面，頁面強制讓文檔的寬度與設備的寬度保持1:1 2.禁止ios上自動識別電話 3.禁止android上自動識別郵箱 4.針對ios上的...

Wildcard 2019-08-22 15:44 評論0 收藏0