(1) getAttribute? 用戶寫啥是啥，#后面的值，獲取用戶在上面寫的原文，不是瀏覽器加http協(xié)議的東西；

<a?href="#siteAbout">關(guān)于</a>

var href = a.getAttribute('href')? ? ? ? ? ? ? ? ? ? ? // href=siteAbout

(1.1) a.href? //帶http協(xié)議的，被瀏覽器處理過的

(2) x.preventDefault()? ? //阻止x的默認(rèn)行為屬性

(3)?querySelector? ? ?//找標(biāo)簽

document.querySelector('a[href="#'?+?id?+?'"]')

?document.querySelector(href)

(4) querySelectorAll? ? //找所有標(biāo)簽,返回選擇器所有元素

document.querySelectorAll('[data-x]')

document.querySelectorAll('nav.menu?>ul?>li?>a')

document.querySelectorAll('nav.menu?>ul?>li')

(5) debugger? ? ? //斷點(diǎn)

(6)?Element.getBoundingClientRect()方法返回元素的大小及其相對于視口的位置。

(7) x.offsetTop //返回距離頁面頂部的像素?cái)?shù)

(8) window.scrollY // 獲窗口滾動(dòng)高度

(9) window.onscroll? //滑動(dòng)窗口時(shí)觸發(fā)某函數(shù)

window.onscroll?=?function?(x)?{

????if?(window.scrollY?>?0)?{

????????topNavBar.classList.add('sticky')

????}?else?{

????????topNavBar.classList.remove('sticky')

? ?}}

(10) setTimeout? //定時(shí)器，該定時(shí)器在定時(shí)器到期后執(zhí)行一個(gè)函數(shù)或指定的一段代碼。

setTimeout(function?()?{

????siteWelcome.classList.remove('active')

},?1000);? ? //在1秒后觸發(fā)函數(shù)

(11) onmouseenter? //當(dāng)鼠標(biāo)進(jìn)入某元素會(huì)觸發(fā)一個(gè)函數(shù)；元素綁定了監(jiān)聽事件后，當(dāng)一個(gè)指針設(shè)備（通常是鼠標(biāo)）移動(dòng)到這個(gè)元素上時(shí)mouseenter事件將會(huì)被觸發(fā)

(12) onmouseleave?當(dāng)鼠標(biāo)離開某元素會(huì)觸發(fā)一個(gè)函數(shù)

(13)?

?

?

?

?

?

?

總結(jié)

以上是生活随笔為你收集整理的js常用API的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。