当用户再次导航返回和前进时强制刷新/重新加载

Posted 2023-03-14

【中文标题】当用户再次导航返回和前进时强制刷新/重新加载

【英文标题】：Force refresh/reload when user navigates Back and forward again

【发布时间】：2014-12-16 08:48:56

【问题描述】：

我想知道当用户按下后退按钮然后再次按下前进时如何确保页面重新加载/刷新。？ 请帮忙！

【问题讨论】：

可能duplicate

【参考方案1】：

您可以使用 cookie 设置“按下后退按钮”标志。

例如。 jQuery + jquery cookie plugin

    $(document).ready(function($) 
      if ($.cookie("reload") === *YOUR-PAGE-ID*) 

        $.removeCookie("reload");
        location.reload();

       else if (window.history && window.history.pushState) 

        window.history.pushState("forward", null, "./#forward");

        $(window).on("popstate", function() 
          $.cookie("reload", *YOUR-PAGE-ID*); // set cookie with some page id
        );

      
    );

由于旧版浏览器不支持popstate，您应该使用history.js

【参考方案2】：

<input type='button' onclick="window.location=window.location.href;">

演示在我的网站http://vitideas.in/***/

【讨论】：

这只会在按钮点击时刷新当前页面。您需要存储“导航返回”状态。

好的。我没听清。你想跟踪用户是否刷新了页面？