(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)