JavaScript中的一些定位屬性[圖解]
更新時(shí)間：2010年07月14日 23:30:02 作者：
JavaScript獲取頁面中的一些定位屬性說明，需要了解，頁面定位控制的朋友可以參考下。
有這張圖就夠了，簡單地說明一下
以Height為例，Width同理：
div.clientHeight：可見窗口除去了margin+border之后的長度。
div.offsetHeight：在div.clientHeight的基礎(chǔ)上加了border和滾動(dòng)條的長度。
div.scrollHeight：就是元素內(nèi)容的實(shí)際高度。
以Top為例，Left同理：
div.clientTop：margin之后padding之前的長度值。
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)文章
JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解
這篇文章主要介紹了JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
javascript基礎(chǔ)的動(dòng)畫教程，直觀易懂
javascript基礎(chǔ)的動(dòng)畫教程，直觀易懂...2007-01-01
本篇內(nèi)容是小編整理的關(guān)于腳本之家精選的JS正則的優(yōu)秀文章，適合大家學(xué)習(xí)JS正則的相關(guān)內(nèi)容，有需要的朋友參考下。2018-05-05
字符串的操作在js中非常頻繁，也非常重要。以往看完書之后都能記得非常清楚，但稍微隔一段時(shí)間不用，便會(huì)忘得差不多，記性不好是硬傷啊。。。今天就對(duì)字符串的一些常用操作做個(gè)整理，一者加深印象，二者方便今后溫習(xí)查閱。2016-07-07
這篇文章主要介紹了js時(shí)間比較示例,代碼簡單，運(yùn)行后可以看到結(jié)果,需要的朋友可以參考下2014-03-03
javascript的delete運(yùn)算符知識(shí)點(diǎn)總結(jié)
在本篇文章里小編給大家分享的是關(guān)于JS中delete運(yùn)算符的基礎(chǔ)知識(shí)點(diǎn)，有需要的朋友們跟著學(xué)習(xí)下。2019-11-11
JavaScript中Boolean對(duì)象的屬性解析
這篇文章主要介紹了JavaScript中布爾對(duì)象的屬性解析,包括對(duì)constructor屬性和prototype構(gòu)造器的簡單介紹,需要的朋友可以參考下2015-10-10
JavaScript中setUTCFullYear()方法的使用簡介
這篇文章主要介紹了JavaScript中setUTCFullYear()方法的使用簡介,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
淺談javascript中onbeforeunload與onunload事件
javascript中onbeforeunload與onunload事件就是頁面加載前與頁面關(guān)閉時(shí)的兩個(gè)功能的函數(shù)，可以防止頁面刷新時(shí)給提示再刷新或頁面關(guān)閉時(shí)給出提示，下面我來介紹onbeforeunload與onunload事件用法。2015-12-12
JavaScript與DOM組合動(dòng)態(tài)創(chuàng)建表格實(shí)例
這篇文章簡單介紹了DOM 1.0一些基本而強(qiáng)大的方法以及如何在JavaScript中使用它們;你可以學(xué)到如何動(dòng)態(tài)地創(chuàng)建、獲取、控制和刪除HTML元素2012-12-12