Question

上下文是一个游戏。当用户刷新他的页面（F5或ctrl + R）时，我希望页面重定向到gameOver.php页面。

这可以在纯JS中完成吗？

Answer 1

一种方法是使用cookie变量作为计数器。每次用户启动游戏时，您将其设置为1，然后在每次加载页面时递增。在页面加载时，您可以检查变量的值并使用

重定向

window.location = 'gameOver.php'

或者您可以使用 beforeunload 事件。

$(window).on("beforeunload", function() { 
//your redirect code logic here 
})

Answer 2

当您想要使用纯javascript解决时，您可以轻松使用此代码：

window.addEventListener("beforeunload", function (e) {
   window.location = "gameOver.php";
});

或者您可以使用下面的jQuery：

$(window).on("beforeunload", function() { 
   window.location = "gameOver.php";
})

Answer 3

要解决此问题，您可以使用Cookie。

正如this stachoverflow thread中所述，您在首次访问您的网页时存储了Cookie。如果在设置cookie时检查每个页面加载，您可以检测是否有人重新加载了页面。如果您打算再次播放＆＃34;再播放＆＃34;功能你可以简单地破坏cookie。

要查看代码，请查看上面链接的stackoverflow问题！

Answer 4

首次有人访问该页面时使用cookie或localstorage。在刷新时检查您的cookie或localstorage值是否存在，如果存在，则使用javascript将它们重定向到gameOver.php。

function checkUserVisit() {
  if(document.cookie.indexOf('visit')==-1) {
    document.cookie = 'visit=true';
  }
  else {
    window.location = "gameOver.php";
  }
}

在页面的正文负载上调用此函数。

<body onload="checkUserVisit()">

JS：当用户刷新页面时，如何将用户重定向到另一个页面？

4 个答案: