js獲取dom的高度和寬度(可見區(qū)域及部分等等)
更新時(shí)間：2013年06月13日 17:26:43 作者：
網(wǎng)頁可見區(qū)域?qū)捇蚋?、網(wǎng)頁正文全文寬或高以及網(wǎng)頁正文部分左或右，詳細(xì)請看下文，希望對大家有所幫助
復(fù)制代碼 代碼如下:
網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁可見區(qū)域高： document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁正文全文寬： document.body.scrollWidth
網(wǎng)頁正文全文高： document.body.scrollHeight
網(wǎng)頁被卷去的高： document.body.scrollTop
網(wǎng)頁被卷去的左： document.body.scrollLeft
網(wǎng)頁正文部分上： window.screenTop
網(wǎng)頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
屏幕可用工作區(qū)寬度： window.screen.availWidth
相關(guān)文章
JS?requestVideoFrameCallback()?簡單案例
這篇文章主要介紹了JS?requestVideoFrameCallback()簡單案例，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-07-07
Bootstrap每天必學(xué)之下拉菜單，本文講解的就是大家最為常用的下拉菜單操作，感興趣的小伙伴們可以參考一下2015-11-11
JS獲取select的value和text值的簡單實(shí)例
本篇文章主要是對JS獲取select的value和text值的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了Typescript中索引簽名使用詳解,需要的朋友可以參考下2023-08-08
微信小程序?qū)崿F(xiàn)頁面導(dǎo)航與傳參功能詳解
這篇文章主要為大家詳細(xì)介紹一下微信小程序?qū)崿F(xiàn)頁面導(dǎo)航的幾種方法以及幫助大家掌握微信小程序如何進(jìn)行傳遞參數(shù)，感興趣的朋友可以了解一下2022-08-08
微信小程序自定義tabbar欄實(shí)現(xiàn)過程講解
tabBar相對而言用的還是比較多的,但是用起來并沒有難,下面這篇文章主要給大家介紹了關(guān)于微信小程序全局配置之tabBar的相關(guān)資料,文中通過圖文以及示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
JavaScript 實(shí)現(xiàn)簡單的倒計(jì)時(shí)彈窗DEMO附圖
做一個(gè)簡單的設(shè)置網(wǎng)頁，因?yàn)樾枰貑⒃O(shè)備功能，于是就想在上面加一個(gè)倒計(jì)時(shí)彈窗的界面，下面是具體的實(shí)現(xiàn)，大家可以參考下2014-03-03
本文主要分享了原生js實(shí)現(xiàn)返回頂部緩沖效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
本文主要介紹了Web純前端“旭日圖”實(shí)現(xiàn)元素周期表的實(shí)例解析。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
JS中的prototype與面向?qū)ο蟮膶?shí)例講解
JS中的prototype與面向?qū)ο蟮膶?shí)例講解，需要的朋友可以參考一下2013-05-05