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