JS一些常用的API

  1. setTimeout()
setTimeout(function () {
  enter.classList.remove('active')
}, 2000)

2秒之后执行括号里的代码。


  1. window.onscroll
    window.scrollY
    window.onscroll = function () {
      if (window.scrollY > 0) {
        topNavBar.classList.add('sticky')
      } else {
        topNavBar.classList.remove('sticky')
      }
    }

window.onscroll:在用户滑动浏览器窗口的时候触发一个函数。
window.scrollY:获取到浏览器窗口滚动的高度。


3.document.querySelectorAll()

let liTags = document.querySelectorAll('nav.menu>ul>li')

接受一个选择器,返回选择器对应的所有元素。


  1. .onmouseenter
    .onmouseleave
      liTags[i].onmouseenter = function (x) {
        x.currentTarget.classList.add('active')
      }
      liTags[i].onmouseleave = function (x) {
        x.currentTarget.classList.remove('active')
      }

.onmouseenter:当鼠标进入一个元素的时候,会触发一个函数。
.onmouseleave:当鼠标离开一个元素的时候,会触发一个函数。


  1. .preventDefault()
    .getAttribute()
    document.querySelector()
    .offsetTop
    window.scrollTo()
    for(let i=0;i

.preventDefault():阻止默认动作。
.getAttribute():获取到这个标签上写的原文,而不是浏览器修改(比如加了http协议的东西)。
document.querySelector():与加了All相比,只会返回一个元素,而不是一个数组。
.offsetTop:获取一个元素距离到页面顶部的像素数(不是浏览器窗口顶部)。
window.scrollTo():让浏览器窗口滑动到某个位置,括号里是左右方向和上下方向滑动的位置的值。

你可能感兴趣的:(JS一些常用的API)