当前 URL hashchange 事件将新哈希附加到目标 URL 并链接到它

Posted 2023-03-29

【中文标题】当前 URL hashchange 事件将新哈希附加到目标 URL 并链接到它

【英文标题】：Current URL hashchange event append new hash to target URL and link out to it

【发布时间】：2019-06-22 23:40:10

【问题描述】：

我有一个页面 ex: test123.com/go#1 如果哈希发生变化，那么该页面上 ex: test123.com/go#2 我想将新的哈希值附加到目标 URL 并链接到它：test123.com/gopage2#2

这是我迄今为止尝试过的代码：

var url = window.location.href;
var res = url.split("#");
var hash = "#" + res[1];
$(window).on('hashchange', function() 
  window.location = 'test123.com/gopage2' + hash;
);

当哈希值发生变化时，什么都没有发生......有什么想法吗？

【参考方案1】：

假设您打算在事件处理程序中更新 url、res 和 hash，并在新 URL 中使用哈希，试试这个：

$(window).on('hashchange', function() 
  var url = window.location.href;
  var res = url.split("#");
  var hash = "#" + res[1];
  window.location = 'test123.com/gopage' + res[1] + hash;
);