跳转到新页面并清除当前页面的history记录

本文介绍如何使用window.history.replaceState()方法避免页面访问留下历史记录,以及如何配合window.history.go(0)或load方法进行页面跳转。实例演示了如何在用户访问时清除当前页面的历史痕迹。
摘要由CSDN通过智能技术生成

History 接口允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录,通过history方法触发前进后退
通常使用的方式:

window.location.href='index.html'
// 或者
window.location.replace('index.html')

使用场景:比如别人访问你得网站 不想回退的时候一步一步回,就需要避免访问你得页面的时候产生history历史记录。

解决办法:清除历史记录

window.history.replaceState()

对当前history记录清除:此方法只是直接屏蔽或者针对内网(同源)地址间的跳转,并不进行跳转。
需要搭配history.go(0)方法或者load方法进行页面跳转

使用用例:

// 跳转到user.html 页面并清除当前页面的history记录
window.history.replaceState(null, "", 'user.html');
window.history.go(0);
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr.T's Blog

感谢打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值