亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js中易弄混淆的"位置"相關屬性詳解

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

一.Dom對象屬性——距離

1.offsetLeft && offsetTop

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

2. offsetWidth && offsetHeight

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

3.clientWidth && clientHeight

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

4.scrollTop && scrollLeft

scrollTop      //返回匹配元素的滾動條的垂直位置
scrollLeft     //返回匹配元素的滾動條的水平位置

5.offsetParent

offsetParent    //返回元素的偏移容器,即當前容器偏移對應的父容器

二.Bom對象屬性——距離

1.width && height

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

2.availWidth && availHeight

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

三.Window對象屬性——距離

2.innerWidth && innerHeight

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

四.Event對象屬性——坐標

1.offsetX && offsetY

offsetX      //相對于元素的橫坐標
offsetY      //相對于元素的縱坐標

2.clientX && clientY

clientX      //相對于瀏覽器窗口的橫坐標
clientY      //相對于瀏覽器窗口的縱坐標

3.pageX && pageY

pageX      //相對于頁面的橫坐標
pageY      //相對于頁面的縱坐標

4.screenX && screenY

screenX      //相對于電腦屏幕的橫坐標
screenY      //相對于電腦屏幕的縱坐標

【可以配合下面的圖來進行理解坐標】

總結

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

相關文章

最新評論