当前位置：网站首页>JS--hashchange事件--使用/教程

JS--hashchange事件--使用/教程

2022-08-09 22:08:00 【IT利刃出鞘】

原文网址：JS--hashchange事件--使用/教程_IT利刃出鞘的博客-CSDN博客

简介

说明

        本文介绍hashchange事件的用法。

        hashchange事件是html5新增的api，用来监听浏览器链接的hash值变化。

        URL的片段标识符（URL 中 # 后面的部分）改变时会触发 hashchange 事件。

官网网址

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/hashchange_event

概述

属性

值

描述

bubbles

true

事件能冒泡

cancelable

false

事件不能被取消

oldURL

String

跳转前的URL

newURL

String

跳转后的当前URL

代码示例

示例1：addEventListener

window.addEventListener('hashchange', function() {
  console.log('The hash has changed!')
}, false);

示例2：onhashchange

function locationHashChanged() {
  if (location.hash === '#cool-feature') {
    console.log("You're visiting a cool feature!");
  }
}

window.onhashchange = locationHashChanged;

原网站

版权声明
本文为[IT利刃出鞘]所创，转载请带上原文链接，感谢
https://knife.blog.csdn.net/article/details/126146926

边栏推荐

猜你喜欢

随机推荐