js獲取dom的高度和寬度(可見區(qū)域及部分等等)
更新時間：2013年06月13日 17:26:43 作者：
網(wǎng)頁可見區(qū)域?qū)捇蚋摺⒕W(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)文章
這篇文章主要給大家介紹了關(guān)于Js如何通過AES加密后PHP利用Openssl解密的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要介紹了JS瀏覽器BOM常見操作,結(jié)合實例形式詳細(xì)分析了JS瀏覽器BOM模型元素常見操作技巧與使用注意事項,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了Taro集成Redux快速上手的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
Layui table 組件的使用之初始化加載數(shù)據(jù)、數(shù)據(jù)刷新表格、傳參數(shù)
這篇文章主要介紹了Layui table 組件的使用之初始化加載數(shù)據(jù)、數(shù)據(jù)刷新表格、傳參數(shù)的實現(xiàn)代碼,需要的朋友可以參考下2017-09-09
js兼容pc端瀏覽器并有多種彈出小提示的手機(jī)端浮層控件實例
這篇文章主要介紹了js兼容pc端瀏覽器并有多種彈出小提示的手機(jī)端浮層控件,實例分析了javascript多種彈出層效果的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
大家好，本篇文章主要講的是JavaScript中深拷貝與淺拷貝詳解，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下2022-02-02
這篇文章主要為大家詳細(xì)介紹了JavaScript貪吃蛇的實現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
js剪切板應(yīng)用clipboardData實例解析
這篇文章主要為大家詳細(xì)介紹了js剪切板應(yīng)用clipboardData實例，并分享了四種實現(xiàn)方法，感興趣的小伙伴們可以參考一下2016-05-05
this指觸發(fā)事件的對象，接下來為大家分享下javascript中onclick(this)的用法，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
這篇文章主要介紹了JS棧stack類的實現(xiàn)與使用方法,結(jié)合實例形式分析了棧的原理,以及javascript定義與使用棧的基本操作技巧,需要的朋友可以參考下2019-01-01