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：對象的最頂部到對象在當(dāng)前窗口顯示的范圍內(nèi)的頂邊的距離，即是在出現(xiàn)了縱向滾動條的情況下，滾動條拉動的距離。
關(guān)于offsetParent，不同的瀏覽器有不同的實現(xiàn)算法，有一種常見布局在各種瀏覽器中 offsetParent 是一樣的，那就是：外層元素 div 的 position 計算值是 relative、absolute 時，內(nèi)層元素 div 的 offsetParent 總是外層元素 div。
相關(guān)文章
JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解
這篇文章主要介紹了JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
javascript基礎(chǔ)的動畫教程，直觀易懂...2007-01-01
本篇內(nèi)容是小編整理的關(guān)于腳本之家精選的JS正則的優(yōu)秀文章，適合大家學(xué)習(xí)JS正則的相關(guān)內(nèi)容，有需要的朋友參考下。2018-05-05
字符串的操作在js中非常頻繁，也非常重要。以往看完書之后都能記得非常清楚，但稍微隔一段時間不用，便會忘得差不多，記性不好是硬傷啊。。。今天就對字符串的一些常用操作做個整理，一者加深印象，二者方便今后溫習(xí)查閱。2016-07-07
這篇文章主要介紹了js時間比較示例,代碼簡單，運(yùn)行后可以看到結(jié)果,需要的朋友可以參考下2014-03-03
javascript的delete運(yùn)算符知識點總結(jié)
在本篇文章里小編給大家分享的是關(guān)于JS中delete運(yùn)算符的基礎(chǔ)知識點，有需要的朋友們跟著學(xué)習(xí)下。2019-11-11
這篇文章主要介紹了JavaScript中布爾對象的屬性解析,包括對constructor屬性和prototype構(gòu)造器的簡單介紹,需要的朋友可以參考下2015-10-10
JavaScript中setUTCFullYear()方法的使用簡介
這篇文章主要介紹了JavaScript中setUTCFullYear()方法的使用簡介,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
淺談javascript中onbeforeunload與onunload事件
javascript中onbeforeunload與onunload事件就是頁面加載前與頁面關(guān)閉時的兩個功能的函數(shù)，可以防止頁面刷新時給提示再刷新或頁面關(guān)閉時給出提示，下面我來介紹onbeforeunload與onunload事件用法。2015-12-12
JavaScript與DOM組合動態(tài)創(chuàng)建表格實例
這篇文章簡單介紹了DOM 1.0一些基本而強(qiáng)大的方法以及如何在JavaScript中使用它們;你可以學(xué)到如何動態(tài)地創(chuàng)建、獲取、控制和刪除HTML元素2012-12-12