html返回上页自动刷新,用浏览器返回到上一页时，上一页刷新

最近遇到一个需求：培训学习的资料页面，用户点了某资料后，会跳转到学习页面，当返回到资料页时，该资料置为“已学习”状态。遇到的问题是，用了浏览器的返回时，资料页不会刷新。方法应该有很多，不过从网上找到了一种，比较方便，写在这里方便自己以后查找

将下面js放在学习页面，当返回资料页面时，就可以看到页面更新啦

$(function(){

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

$(window).on(‘popstate‘, function () {

window.history.pushState(‘forward‘, null, ‘#‘);

window.history.forward(1);

location.replace(document.referrer);//刷新

});

}

window.history.pushState(‘forward‘, null, ‘#‘); //在IE中必须得有这两行

window.history.forward(1);

});

工作至今，感谢优秀的大神们

原文：https://www.cnblogs.com/mingluxy/p/11467031.html