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) 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值