JavaScript中的一些定位屬性[圖解]
更新時間：2010年07月14日 23:30:02 作者：
JavaScript獲取頁面中的一些定位屬性說明，需要了解，頁面定位控制的朋友可以參考下。
有這張圖就夠了，簡單地說明一下
以Height為例，Width同理：
div.clientHeight：可見窗口除去了margin+border之后的長度。
div.offsetHeight：在div.clientHeight的基礎(chǔ)上加了border和滾動條的長度。
div.scrollHeight：就是元素內(nèi)容的實際高度。
以Top為例，Left同理：
div.clientTop：margin之后padding之前的長度值。
div.offsetTop：該元素的上border的上邊緣 到 該元素的offsetParent的上border內(nèi)邊緣的垂直距離。
div.scrollTop：對象的最頂部到對象在當前窗口顯示的范圍內(nèi)的頂邊的距離，即是在出現(xiàn)了縱向滾動條的情況下，滾動條拉動的距離。
關(guān)于offsetParent，不同的瀏覽器有不同的實現(xiàn)算法，有一種常見布局在各種瀏覽器中 offsetParent 是一樣的，那就是：外層元素 div 的 position 計算值是 relative、absolute 時，內(nèi)層元素 div 的 offsetParent 總是外層元素 div。
相關(guān)文章
defer作用是文檔加載完畢了再執(zhí)行腳本,這樣回避免找不到對象的問題，下面有個不錯的示例，感興趣的朋友可以參考下2014-01-01
這篇文章主要為大家詳細介紹了JavaScript的js運行三部曲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要介紹了js面向?qū)ο笾^承的相關(guān)知識，以及分享了讀者弄明白這個知識點的學(xué)習心得，對此有需要的朋友參考下吧。2018-02-02
這篇文章主要介紹了深入理解JavaScript定時機制,對于學(xué)習JavaScript有一定的幫助，感興趣的小伙伴們可以參考一下。2016-10-10
本文講了一些javascript按位非運算符的使用方法，其中給出了相關(guān)的測試代碼2013-11-11
JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
這篇文章主要介紹了JavaScript onkeydown事件入門實例,onkeydown事件捕捉鍵盤上某個按鍵被按下的情況,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了js的toUpperCase方法用法,實例分析了toUpperCase方法轉(zhuǎn)換大寫的使用技巧,需要的朋友可以參考下2015-01-01
Javascript基礎(chǔ)教程之數(shù)組 array
Array是JavaScript中常用的類型，并且JavaScript中的數(shù)組和其他語言的數(shù)組有比較大的區(qū)別。JavaScript中數(shù)組中存放的數(shù)據(jù)類型不一定相同，而且數(shù)組的長度也是可改變的。2015-01-01
javascript編程起步（第三課）...2007-02-02
JavaScript的Function詳細...2006-11-11