元素偏移量offset系列
動(dòng)態(tài)獲取元素的偏移
獲取元素距離帶有定位父元素的位置
獲取元素的自身大小
返回的數(shù)值都不帶單位
offsetParent 返回作為該元素的父級(jí)元素,如果父級(jí)沒(méi)有定位則返回body
offsetTop 返回元素相對(duì)父級(jí)元素上方的偏移
offsetLeft 返回元素相對(duì)帶有定位的父元素左邊框的偏移
offsetWidth 返回包括padding 邊框 內(nèi)容區(qū)的寬度 返回?cái)?shù)值不帶單位
offsetHeight 返回包括padding 邊框 內(nèi)容區(qū)的高度并鸵,返回?cái)?shù)值不帶單位
parentNode返回父親,是最近一級(jí)的父親距帅,親爸爸锁摔,不管爸爸有沒(méi)有定位
offset 和style區(qū)別
css只能獲取行內(nèi)樣式表的屬性,內(nèi)聯(lián)樣式不行。offset可以
offset系列獲取數(shù)值沒(méi)有單位辛友,css有
offsetWidth 等于padding+width+border? css寬度不包含padding和border
offwidth只能獲取不能賦值,css可讀可寫(xiě)
獲取元素的大小位置,用offset更合適剪返,給元素賦值用style改變
pagex獲取距離頁(yè)面的距離
offsetLeft
pageTop? offsetTop
client 也是返回元素的寬高废累,不包含border 保護(hù)padding
立即執(zhí)行函數(shù)
function? a(){}? a()
(function(){
})()
(function(a,b){
}())
立即函數(shù)的最大作用是創(chuàng)建了一個(gè)函數(shù)作用域
pageshow不管點(diǎn)了刷新或者前進(jìn)后退頁(yè)面,都會(huì)重新加載頁(yè)面觸發(fā)事件
scroll系列
scrollHeight 是內(nèi)容的實(shí)際高度大小不包含邊框
scrollWidth 文字的寬度 不包含邊框
scrollTop內(nèi)容卷進(jìn)去的高度
scrollLeft
addEventListener(scroll)
頁(yè)面被卷去的頭部 window.pageYOffset
? 頁(yè)面被卷去的左側(cè)部 window.pageXOffset
注意元素被卷起是element.scrollTop
mouseenter 自會(huì)經(jīng)過(guò)指定的元素觸發(fā)
mouseleave離開(kāi)事件