JS 獲取頁面尺寸的方法詳解
更新時間:2023年09月05日 08:35:06 作者:編程三昧
通過 JS 獲取頁面相關(guān)的尺寸是比較常見的操作,尤其是在動態(tài)計算頁面布局時,今天我們就來學(xué)習(xí)一下幾個獲取頁面尺寸的基本方法,需要的朋友可以參考下
獲取頁面高度
function getPageHeight() { var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat" ? a : g.documentElement; return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight); }
獲取頁面scrollLeft
function getPageScrollLeft() { var a = document; return a.documentElement.scrollLeft || a.body.scrollLeft; }
獲取頁面scrollTop
function getPageScrollTop() { var a = document; return a.documentElement.scrollTop || a.body.scrollTop; }
獲取頁面可視寬度
function getPageViewWidth() { var d = document, a = d.compatMode == "BackCompat" ? d.body : d.documentElement; return a.clientWidth; }
獲取頁面可視高度
function getPageViewHeight() { var d = document, a = d.compatMode == "BackCompat" ? d.body : d.documentElement; return a.clientHeight; }
獲取頁面寬度
function getPageWidth() { var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat" ? a : g.documentElement; return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth); }
到此這篇關(guān)于JS 獲取頁面尺寸的方法詳解的文章就介紹到這了,更多相關(guān)JS獲取頁面尺寸內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS格式化字符串的兩種方法(反引號與String.prototype)
本文一共介紹了兩種實現(xiàn)方式,使用反引號或自定義方法實現(xiàn),需要的朋友可以參考下2023-06-06js字符串替換所有的指定字符或文字(推薦replaceAll方法)
要實現(xiàn)js字符串替換所有的某個字符,推薦大家使用replaceAll方法,默認(rèn)不是所有瀏覽器都兼容,所以這里給出一個解決方案,需要的朋友可以參考下2014-07-07關(guān)于Bootstrap彈出框無法調(diào)用問題的解決辦法
這篇文章主要介紹了關(guān)于Bootstrap彈出框無法調(diào)用問題的解決辦法的相關(guān)資料,需要的朋友可以參考下2016-03-03javascript實現(xiàn)將文件保存到本地方法匯總
本文給大家匯總介紹了3中使用javascript實現(xiàn)將文件保存到本地的方法,非常的簡單實用,有需要的小伙伴可以參考下。2015-07-07