原生js獲取瀏覽器窗口及元素寬高常用方法集合
窗口可視區(qū)域?qū)挾?/strong>： document.documentElement.clientWidth || document.body.clientWidth;
窗口可視區(qū)域高度： document.documentElement.clientHeight || document.body.clientHeight;
窗口可視區(qū)域?qū)挾?邊線和滾動(dòng)條： document.body.offsetWidth ;
窗口可視區(qū)域高度+邊線和滾動(dòng)條： document.body.offsetHeight ;
實(shí)際內(nèi)容的寬度： document.body.scrollWidth;
實(shí)際內(nèi)容的高度： document.body.scrollHeight;
滾動(dòng)條下拉被卷起來的距離：document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
滾動(dòng)條側(cè)拉被卷起來的距離：document.body.scrollLeft || document.documentElement.scrollLeft ;
網(wǎng)頁正文部分上：window.screenTop;
網(wǎng)頁正文部分左：window.screenLeft;
元素的寬度：obj.offsetWidth;
元素的高度：obj.offsetHeight;
相對于父元素的上位移：obj.offsetTop;（在元素的包含元素不含滾動(dòng)條的情況下）
相對于父元素的左位移：obj.offsetLeft;（在元素的包含元素不含滾動(dòng)條的情況下）
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
- javascript窗口寬高,鼠標(biāo)位置,滾動(dòng)高度(詳細(xì)解析)
- JS與Jquery獲取屏幕、瀏覽器、頁面的寬度和高度對比整理
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動(dòng)條高度實(shí)現(xiàn)代碼
- 瀏覽器常用高寬的jquery插件
- js 獲取瀏覽器高度和寬度值(多瀏覽器)
- js獲取瀏覽器和屏幕的各種寬度高度
- js 獲取屏幕各種寬高的方法(瀏覽器兼容)
- javascript獲取設(shè)置div的高度和寬度兼容任何瀏覽器
- JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實(shí)現(xiàn)代碼)
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
- JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總
相關(guān)文章
js自定義trim函數(shù)實(shí)現(xiàn)刪除兩端空格功能
這篇文章主要介紹了js自定義trim函數(shù)實(shí)現(xiàn)刪除兩端空格功能,結(jié)合實(shí)例形式分析了javascript基于正則替換實(shí)現(xiàn)類似trim函數(shù)刪除字符串兩端空格的相關(guān)操作技巧,并附帶jQuery類似功能函數(shù)使用方法,需要的朋友可以參考下2018-02-02
BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能
這篇文章主要介紹了BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
這篇文章主要介紹了ES6數(shù)組的擴(kuò)展,結(jié)合實(shí)例形式詳細(xì)對比分析了ES6數(shù)組的新增方法與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
今天小編就為大家分享一篇解決layui彈出層layer的area過大被遮擋的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家分享了bootstrap table操作技巧，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
在實(shí)際開發(fā)中我們經(jīng)常需要獲取其他域的資源，本篇文章主要介紹了詳解Javascript幾種跨域方式總結(jié)，有興趣的可以了解一下。2017-02-02
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)花樣輪播效果，一種是帶按鈕的輪播，一種是自動(dòng)輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
今天小編就為大家分享一篇layer.js之回調(diào)銷毀對話框的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文主要介紹了js實(shí)現(xiàn)簡單手風(fēng)琴效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
動(dòng)態(tài)控制Table的js代碼...2007-03-03