首页 前端知识 HTML实现登录后跳转到指定页面,不回退

HTML实现登录后跳转到指定页面,不回退

2024-03-07 08:03:28 前端知识 前端哥 431 703 我要收藏

最近开发页面,需要实现登录功能,成功后跳转到指定页面,之前尝试了好几种页面被跳转方法,但是都失败了,好在最终成功跳转,且浏览器不会后退,所以来记录一下:

最开始我使用的是window.location.href="http://localhost:8080",虽然能成功跳转到指定页面,但是点击浏览器回退按钮,会回退到登录页面,就导致登录页面和主页面可以来回切换,这样一来,登录功能相当于没什么效果

所以后来就改用了window.location.replace('http://localhost:8080');浏览器回退功能就被锁死,登录成功跳转到主页面后就不能再回退

window.location.replace('http://localhost:8080' + window.location.search);

后来去了解了一下window.location.href和window.location.replace的区别,window.location.href是从当前页面定位到指定的url,其本质就是改变了浏览器的地址定位,浏览器会有上一个页面的记录,window.location.replace是用指定的url替换当前缓存再历史记录里面的url,不能再通过前进后退来访问以及被替换的页面,很适用于开发登录页面这种过渡页面

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3382.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!