JavaScript返回上一页后并刷新页面

爱被打了一巴掌 2021-11-16 22:40 534阅读 0赞

一、返回上一页并刷新页面：

  1. window.location.replace(document.referrer);

document.referrer：可以引用到上一个页面，这个属性是由浏览器支持的。在不同情况下值可能和history.back不一样，但是绝大部分情况下跟你想要的结果是一致的。

当用户是通过页面导航内部切换到新页面的（例如标签，或者改变url的代码），document.referrer和history.back指向的页面都是上一个页面。

当用户是通过书签打开网页的，document.referrer是空的，history.back却是可用的，可以返回到点击书签之前的页面。

history.back不一定就不会刷新界面：当缓存不可用的时候，还是会刷新的。window.location.replace也不一定会刷新页面，当服务器”明确”告诉浏览器缓存还可以用的时候，浏览器一般不会再刷新页面。不过在一般情况下，使用window.location.replace替换history.back就能达到想要的效果。

二、对比“返回上一页”的其他方法

window.history.go(-1); //返回上一页
window.history.back(); //返回上一页
window.history.back();//强行刷新
window.location.reload();//刷新当前页
window.location.go(-1); //刷新上一页

发表评论

表情：
评论列表 （有 0 条评论，534人围观）

还没有评论，来说两句吧...

相关阅读

    相关 返回上一页并刷新

    客户需求：在做注入修改之类的操作时，保存成功后，会到列表页时，会直接跳转到默认查询页面，而无法保留上一次的查询条件。洗完修改保存后，能够直接会到上次的查询页。 解决方案：

    灰太狼灰太狼/ 0 赞/ 418 阅读