js 删除hash

在JavaScript中，删除URL中的hash（即#及其后面的部分）可以通过以下几种方法实现：

方法一：使用window.location.hash

你可以将window.location.hash设置为空字符串来删除hash。

// 删除URL中的hash
window.location.hash = '';

方法二：使用history.replaceState

这种方法不会导致页面刷新，同时会修改浏览器的历史记录。

// 删除URL中的hash而不刷新页面
history.replaceState(null, document.title, window.location.pathname);

方法三：使用window.location.href

你可以重新赋值window.location.href，去掉hash部分。

// 删除URL中的hash
window.location.href = window.location.href.split('#')[0];

方法四：使用正则表达式

如果你想更灵活地处理URL，可以使用正则表达式。

// 删除URL中的hash
window.location.href = window.location.href.replace(/#.*$/, '');

应用场景

• 单页应用（SPA）：在SPA中，通常会使用hash来管理路由，删除hash可以用于重置路由状态。
• 页面导航：在某些情况下，你可能希望用户点击链接后不跳转到新的hash位置，而是保持在当前页面。

注意事项

• 浏览器历史记录：使用history.replaceState不会增加新的历史记录条目，而直接修改window.location.href会增加新的历史记录条目。
• 页面刷新：直接修改window.location.href会导致页面刷新，而使用history.replaceState不会。

选择哪种方法取决于你的具体需求和应用场景。