• Tools
  • hashchange介绍
    hashchange事件是html5新增的api,用来监听浏览器链接的hash值变化。目前流行的spa框架的路由都有使用到该特性,接下来简单介绍下:当URL的片段标识符更改时,将触发hashchange事件(跟在#符号后面的URL部分,包括#符号)属性类型描述targetEventTarget上下文为window对象typeDOMStringevent类型bubblesBoolean事件是否能冒泡cancelableBoolean事件是否能被取消oldURLString跳转前的URLnewURLString跳转后的当前URLhashchange跳转到对应的锚点示例应用:https://mackhly.hlytools.top/article/54.html
  • 点击a标签滑动到对应的锚点位置
    /** 目录跳转锚点功能* */window.addEventListener('hashchange', function (e) {    let hash=location.hash    let sub=hash.substr(1)    let top=$(`a[name=${sub}]`).offset().top    $(window).scrollTop(top-50)}, false)//可使用location.hast获取锚点
  • 1
最新文章
  • jpg怎么转换成ico图标
  • json是什么意思
  • 如何进行网站流量统计分析?
  • 网页定时刷新是干嘛的
  • user agent检测详解
  • 支付宝微信二维码如何合并?
  • 如何制作ico图标
  • 随机密码生成器安全吗?
  • Base64是什么
  • 时间戳是什么意思
冀ICP备2020020658号