欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中易弄混淆的"位置"相關(guān)屬性詳解

 更新時(shí)間：2022年04月24日 10:58:54   作者：April_zk  
js中有各種位置相關(guān)的屬性,平時(shí)用起來(lái)比較混亂,特此整理一下,下面這篇文章主要給大家介紹了關(guān)于js中易弄混淆的“位置”相關(guān)屬性的相關(guān)資料,需要的朋友可以參考下

一.Dom對(duì)象屬性——距離

1.offsetLeft && offsetTop

offsetLeft      //返回當(dāng)前元素左邊界到其上級(jí)元素(offsetParent)的左邊界的距離【只讀】
offsetTop       //返回當(dāng)前元素上邊界到其上級(jí)元素(offsetParent)的上邊界的距離【只讀】

2. offsetWidth && offsetHeight

offsetWidth       //返回元素的寬度，**包含邊框**【只讀】
offsetHeight      //返回元素的高度，**包含邊框**【只讀】T

3.clientWidth && clientHeight

clientWidth        //返回元素的高度，**【不】包含邊框**
clientHeight       //返回元素的寬度，**【不】包含邊框**

4.scrollTop && scrollLeft

scrollTop      //返回匹配元素的滾動(dòng)條的垂直位置
scrollLeft     //返回匹配元素的滾動(dòng)條的水平位置

5.offsetParent

offsetParent    //返回元素的偏移容器，即當(dāng)前容器偏移對(duì)應(yīng)的父容器

二.Bom對(duì)象屬性——距離

1.width && height

screen.width      //電腦屏幕的寬度
screen.height      //電腦屏幕的高度

2.availWidth && availHeight

screen.availWidth      //電腦屏幕的寬度【減去窗口工具條】
screen.availHeight      //電腦屏幕的高度【減去窗口工具條】

三.Window對(duì)象屬性——距離

2.innerWidth && innerHeight

window.innerWidth      //瀏覽器窗口的內(nèi)寬度
window.innerHeight     //瀏覽器窗口的內(nèi)高度

四.Event對(duì)象屬性——坐標(biāo)

1.offsetX && offsetY

offsetX      //相對(duì)于元素的橫坐標(biāo)
offsetY      //相對(duì)于元素的縱坐標(biāo)

2.clientX && clientY

clientX      //相對(duì)于瀏覽器窗口的橫坐標(biāo)
clientY      //相對(duì)于瀏覽器窗口的縱坐標(biāo)

3.pageX && pageY

pageX      //相對(duì)于頁(yè)面的橫坐標(biāo)
pageY      //相對(duì)于頁(yè)面的縱坐標(biāo)

4.screenX && screenY

screenX      //相對(duì)于電腦屏幕的橫坐標(biāo)
screenY      //相對(duì)于電腦屏幕的縱坐標(biāo)

【可以配合下面的圖來(lái)進(jìn)行理解坐標(biāo)】

總結(jié)

到此這篇關(guān)于js中易弄混淆的位置相關(guān)屬性的文章就介紹到這了,更多相關(guān)js位置相關(guān)屬性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論