js獲取頁面及個元素高度、寬度的代碼
網(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)頁被卷去的高(ff)：document.body.scrollTop;
網(wǎng)頁被卷去的高(ie): document.documentElement.scrollTop;
網(wǎng)頁被卷去的左：document.body.scrollLeft;
網(wǎng)頁正文部分上：window.screenTop;
網(wǎng)頁正文部分左：window.screenLeft;
某個元素的寬度：obj.offsetWidth;
某個元素的高度：obj.offsetHeight;
某個元素的上邊界到body最頂部的距離：obj.offsetTop;（在元素的包含元素不含滾動條的情況下）
某個元素的左邊界到body最左邊的距離：obj.offsetLeft;（在元素的包含元素不含滾動條的情況下）
返回當(dāng)前元素的上邊界到它的包含元素的上邊界的偏移量：obj.offsetTop（在元素的包含元素含滾動條的情況下）
返回當(dāng)前元素的左邊界到它的包含元素的左邊界的偏移量：obj.offsetLeft（在元素的包含元素含滾動條的情況下）
scrollTop, scrollLeft
設(shè)置或返回已經(jīng)滾動到元素的左邊界或上邊界的像素數(shù)。只有在元素有滾動條的時候，例如，元素的 CSS overflow 屬性設(shè)置為 auto 的時候，這些像素才有用。這些屬性也只在文檔的 <body> 或 <html> 標(biāo)記上定義（這和瀏覽器有關(guān)），并且一起來制定滾動文檔的位置。注意，這些屬性并不會指定一個 <iframe> 標(biāo)記的滾動量。這是非標(biāo)準(zhǔn)的但卻得到很好支持的屬性
以上這篇js獲取頁面及個元素高度、寬度的代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript代碼實現(xiàn)簡易計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
使用js/jquery獲取指定class名稱的3種方式總結(jié)
獲取class的值其實非常簡單,這篇文章主要給大家介紹了關(guān)于總結(jié)使用js/jquery獲取指定class名稱的3種方式,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
javascript學(xué)習(xí)基礎(chǔ)筆記之DOM對象操作
javascript是一種基于對象和世界驅(qū)動，并且安全性較強(qiáng)的腳本語言。一個完整的javascript實現(xiàn)包括核心（ECMAScript），文檔對象模型（DOM）和瀏覽器對象模型（BOM）2011-11-11
Javascript基礎(chǔ)之?dāng)?shù)組的使用
這篇文章主要介紹了Javascript基礎(chǔ)之?dāng)?shù)組的使用的相關(guān)資料，介紹的非常詳解，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
在Javascript中我們通常判斷一個變量是否存在,即不為null或者undefined,這篇文章主要給大家介紹了關(guān)于JavaScript中判斷變量是否存在的四種常用方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-08-08
本文主要介紹了通過js實現(xiàn)頁面的倒計時功能的思路與方法，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
JavaScript實現(xiàn)iframe自動高度調(diào)整和不同主域名跨域
這篇文章主要介紹了JavaScript實現(xiàn)iframe自動高度調(diào)整和不同主域名跨域,作者通過建立一個代理來同步高度調(diào)整,需要的朋友可以參考下2016-02-02
在JavaScript中使用mqtt.js的詳細(xì)過程
這篇文章主要介紹了在JavaScript中使用mqtt.js的相關(guān)知識，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細(xì)介紹了Bootstrap table表格簡單操作的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JavaScript 題型問答有答案參考，都是一些開發(fā)中容易碰到的問題。2010-02-02