成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

javascript中各種寬高、間距總結(jié)

DC_er / 1452人閱讀

一、DOM對(duì)象 1、只讀屬性

(1)clientWidth、clientHeight: padding + content ( - scroll寬度 )
(2)offsetWidth、offsetHeight:padding + content + border
(3)clientTop、clientLeft:border的top、border的left
(4)offsetTop、offsetLeft:相對(duì)于其offsetParent上邊距離、左邊距離
概念:offsetParent是指一直往上找,第一個(gè)具有定位的父級(jí)元素
(5)scrollWidth、scrollHeight:padding + content + 不在可視區(qū)域的部分

2、可讀可寫屬性

(1)scrollTop、scrollLeft:已經(jīng)被卷上去或移到左邊 看不到的部分
(2)dom.style.xxx:注意:該值只能得到設(shè)置的內(nèi)聯(lián)樣式的值,實(shí)際計(jì)算后展示的值需要通過(guò)window.getComputedStyle($0)(非IE)或 dom.currentstyle 獲得

二、Event事件

以下屬性的獲?。篹vent.xx

(1)clientX、clientY:事件發(fā)生時(shí),鼠標(biāo)距離瀏覽器左上角(0,0)的距離
(2)screenX、screenY:事件發(fā)生時(shí),鼠標(biāo)距離屏幕左上角的距離
(3)offsetX、offsetY:事件發(fā)生時(shí),鼠標(biāo)距離該dom左上角的距離
(4)pageX、pageY:事件發(fā)生時(shí),鼠標(biāo)距離頁(yè)面左上角的距離。若未出現(xiàn)滾動(dòng)條,則與clientX、clientY相等

以上內(nèi)容參考JavaScript中的各種寬高以及位置總結(jié)

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/99292.html

相關(guān)文章

  • 前端入門4-CSS屬性樣式表

    摘要:正文屬性樣式表正文屬性樣式表了解了具體的各種工作原理使用方式選擇器規(guī)則層疊算法等之后,那么該來(lái)學(xué)習(xí)的也就是都支持哪些屬性樣式表了。 本篇文章已授權(quán)微信公眾號(hào) dasu_Android(大蘇)獨(dú)家發(fā)布 聲明 本系列文章內(nèi)容全部梳理自以下四個(gè)來(lái)源: 《HTML5權(quán)威指南》 《JavaScript權(quán)威指南》 MDN web docs Github:smyhvae/web 作為一個(gè)前端小白,入...

    hss01248 評(píng)論0 收藏0
  • css學(xué)習(xí)歸納總結(jié)(二)

    摘要:子選擇器只對(duì)直接后代有影響的選擇器,而對(duì)孫子后代以及多層后代不產(chǎn)生作用。爛透了盡可能使用復(fù)合語(yǔ)法糟糕好的避免不必要的重復(fù)糟糕好的組織好的代碼格式代碼的易讀性和易維護(hù)性成正比。 標(biāo)簽與元素 標(biāo)簽和p元素有什么區(qū)別呢?大多數(shù)時(shí)候他們表示的是同一樣?xùn)|西,但仍有細(xì)微的區(qū)別。、等指的是HTML分隔符,而元素則是由一對(duì)開(kāi)始結(jié)束標(biāo)簽構(gòu)成的,用來(lái)包含某一些內(nèi)容 子選擇器和后代選擇器的區(qū)別: 后代選擇器...

    KnewOne 評(píng)論0 收藏0
  • 總結(jié):前端開(kāi)發(fā)讓元素水平垂直居的方法

    摘要:如果要居中的塊級(jí)元素直接是內(nèi)聯(lián)元素等,直接在其父級(jí)元素上加上屬性即可圖片之間,瀏覽器會(huì)產(chǎn)生默認(rèn)的間距,父元素設(shè)置可以很好地解決這個(gè)問(wèn)題。使用水平居中前提居中的元素必須是塊級(jí)元素,如果是內(nèi)聯(lián)元素,需要添加屬性而且元素不浮動(dòng)。 前端開(kāi)發(fā)中,我們經(jīng)常需要對(duì)元素進(jìn)行水平垂直居中。為此,小編特地總結(jié)了讓元素居中的方法。 showImg(https://segmentfault.com/img/b...

    fnngj 評(píng)論0 收藏0
  • 總結(jié):前端開(kāi)發(fā)讓元素水平垂直居的方法

    摘要:如果要居中的塊級(jí)元素直接是內(nèi)聯(lián)元素等,直接在其父級(jí)元素上加上屬性即可圖片之間,瀏覽器會(huì)產(chǎn)生默認(rèn)的間距,父元素設(shè)置可以很好地解決這個(gè)問(wèn)題。使用水平居中前提居中的元素必須是塊級(jí)元素,如果是內(nèi)聯(lián)元素,需要添加屬性而且元素不浮動(dòng)。 前端開(kāi)發(fā)中,我們經(jīng)常需要對(duì)元素進(jìn)行水平垂直居中。為此,小編特地總結(jié)了讓元素居中的方法。 showImg(https://segmentfault.com/img/b...

    douzifly 評(píng)論0 收藏0
  • JavaScript各種寬高以及位置總結(jié)

    摘要:和這一對(duì)屬性是用來(lái)讀取元素的的寬度和高度的。第二部分對(duì)象在中,對(duì)于元素的運(yùn)動(dòng)的操作通常都會(huì)涉及到對(duì)象,而對(duì)象也存在很多位置屬性,且由于瀏覽器兼容性問(wèn)題會(huì)導(dǎo)致這些屬性間相互混淆,這里一一講解。文章轉(zhuǎn)自中的各種寬高以及位置總結(jié) 在javascript中操作dom節(jié)點(diǎn)讓其運(yùn)動(dòng)的時(shí)候,常常會(huì)涉及到各種寬高以及位置坐標(biāo)等概念,如果不能很好地理解這些屬性所代表的意義,就不能理解js的運(yùn)動(dòng)原理,同時(shí)...

    microelec 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<