javascript - 如何通过浏览器后退按钮处理用户到达页面？

Question

1. 用户访问页面 A 并点击几次，同时调整页面状态。
2. 页面 A 最终将用户重定向到页面 B
3. 用户点击浏览器后退按钮，在浏览器中再次看到页面 A

我需要在第 3 步执行一些界面清理。

如何在页面 A 中捕获此事件？

Answer 1

我将做一些假设来提供一种不完全依赖 javascript 的方法:

1. 您在另一个答案的评论中指出这是一个 ASP.NET 应用程序。我假设您只关心从 ASP.NET 应用程序的另一个页面按下后退按钮的位置。
2. 您可以控制在 ASP.NET 代码隐藏中针对相关页面和需要“退出”的页面执行的服务器端代码。

如果这两个条件都成立，那么您应该可以使用 Session variable !只需将当前页面设置为由 session 在所有相关页面上维护的 currPage 变量即可。然后当页面加载时，检查并使用它来调整页面直接显示的方式，或者将值写入隐藏字段/输入/div，您的 javascript 可以读取并使用它来做出适当的 react 。

如果您采用 JS 读取和执行路线，您需要进行测试以确保在从后退按钮加载后事件在所有浏览器上正确触发。如 the link from Rionmonster 中所述，有时 onload 事件可能不会在后退按钮后触发。如果您从中看到问题，请使用此处提到的技巧来解决它。

这种类型的解决方案应该适用于任何使用能够与 session 变量交互的服务器端代码的网络应用程序(例如，它也适用于 PHP、Python 和许多其他)。

注意:这可能不像听起来那么优雅。在很多情况下，在按下后退按钮后，浏览器实际上可能不会从服务器拉取新页面。如果测试显示这是一个问题，您可能需要使用一些 AJAX 技术在按下后退按钮后将新鲜的信息填充到 JS。