js常用API

(1) getAttribute  用户写啥是啥，#后面的值，获取用户在上面写的原文，不是浏览器加http协议的东西；

<a href="#siteAbout">关于</a>

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

(1.1) a.href  //带http协议的，被浏览器处理过的

(2) x.preventDefault()    //阻止x的默认行为属性

(3) querySelector     //找标签

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

 document.querySelector(href)

(4) querySelectorAll    //找所有标签,返回选择器所有元素

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

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

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

(5) debugger      //断点

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

(7) x.offsetTop //返回距离页面顶部的像素数

(8) window.scrollY // 获窗口滚动高度

(9) window.onscroll  //滑动窗口时触发某函数

window.onscroll = function (x) {

    if (window.scrollY > 0) {

        topNavBar.classList.add('sticky')

    } else {

        topNavBar.classList.remove('sticky')

   }}

(10) setTimeout  //定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。

setTimeout(function () {

    siteWelcome.classList.remove('active')

}, 1000);    //在1秒后触发函数

(11) onmouseenter  //当鼠标进入某元素会触发一个函数；元素绑定了监听事件后，当一个指针设备（通常是鼠标）移动到这个元素上时mouseenter事件将会被触发

(12) onmouseleave 当鼠标离开某元素会触发一个函数

(13)