javascript - anchor 标记 href 查询字符串后退按钮问题

Question

我在页面上有几个复选框输入和一个 anchor 标记。

每当用户选中复选框时，我都会通过将 onclick 事件绑定(bind)到复选框来更新 anchor 标记 href 以包含使用 javascript 的查询字符串。

anchor 标记导航到不同的页面。

当用户点击浏览器后退按钮时，我的复选框仍处于选中状态，但 anchor 标记中的查询字符串已消失!

如何使用查询字符串保存 anchor 标记 href 的状态？

Answer 1

您将需要添加 javascript 来检查所有复选框的值并更新相应的 anchor 标记。这里的关键是它需要在 unload 事件上执行。这将是最简单的 jQuery，比如:

jQuery(window).bind("unload", function() { // ...

关键是大多数浏览器都会缓存页面，因此您不能使用标准的 onload 事件，因为这些事件不会被触发。 This question对此有很多补充细节。