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是什么
时间戳是什么意思