使用 JavaScript 按下浏览器后退按钮时重定向到 URL

Question

我做了一些研究，但找不到解决方案。

我有一个landingpage.html。我想在 he/she 按下浏览器中的后退按钮时将用户重定向到 anotherpage.html。

所以我试过这个代码：

let currentUrl = location.href;
history.replaceState('', '', 'anotherpage.html');
history.pushState('', '', currentUrl);

它的工作方式不如预期：按下后退按钮时，浏览器地址栏显示 anotherpage.html 页面，但是没有实际重定向发生。

Answer 1

您可以使用主对象 window 来做导航。

window.location.href = "html page path";

要触发您的按钮，请订阅键盘键

document.addEventListener('keypress', (e) => {
  if (e.key === 'your key name') window.location.href = "html page path";
});

Answer 2

你试过吗location.href='<url>' 你也可以在这里查看 w3schools

Answer 3

您可以为 popstate 添加一个事件侦听器，这样当用户按回它时它会触发并且您可以在该页面中加载。

addEventListener('popstate',()=>{location.reload()})

Answer 4

不确定它是否会在每个浏览器上允许

function hackBackButton(){
location.href = "anotherpage.html";
}

history.back = hackBackButton();