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

这篇具有很好参考价值的文章主要介绍了HTML实现登录后跳转到指定页面,不回退。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

html登录成功后跳转页面,html5,javascript,html,vue.js,Powered by 金山文档
html登录成功后跳转页面,html5,javascript,html,vue.js,Powered by 金山文档

所以后来就改用了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.toymoban.com/news/detail-517539.html

到了这里,关于HTML实现登录后跳转到指定页面,不回退的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp实现点击A页面按钮,跳转到B页面的指定位置

    uniapp实现点击A页面按钮,跳转到B页面的指定位置 第一种方式: 必须必须要注意! scroll-into-view 即使是测试也不可写死(组件布局完成后,动态的改变这个scroll-into-view的值,才会跳到索引位置) scroll-y=“true” 固定高度 A页面 B.页面 第二种方式: 在A页面的按钮点击事件中,

    2024年01月20日
    浏览(107)
  • 帝国CMS表单提交跳转到指定页面的实现方法

    帝国CMS提交后经常会默认进入指定的页面,下面提供的教程无需改文件。 直接再登陆表单加这个: 放在表单 内即可。

    2024年02月03日
    浏览(62)
  • 实现微信扫一扫跳转到小程序指定页面

    使用场景:例如我们经常用到的共享充电宝,首先我们需要使用手机上的微信,打开微信扫一扫,扫描共享充电宝上的二维码,当我们扫描二维码后微信会直接跳转到小程序内的某个页面(不一定是首页)。像其他的一些共享设备也是一样的运行模式。那么怎么样才能通过微

    2024年02月02日
    浏览(68)
  • 若依框架登录后跳转其他页面&获取不同的菜单&登录进入后跳转至动态路由的第一个路由

    最近碰到的需求是登录进入后,先跳转至一个自己定义的页面,在这个页面选择一个系统后,进入若依的系统,根据选择的系统获取相应的菜单,进入页面后默认跳转至后端返回的动态路由的第一个路由 1.首先在登录页面login.vue做如下改动 写成你要跳转过去的页面:(这个路由如果是

    2024年02月01日
    浏览(54)
  • js做简单的登录页面以及附加条件,登录成功后跳转

    新手第一次上传,还不会介绍,很简单,能看懂不难的   成功后跳转页面代码就更简单了  

    2024年02月11日
    浏览(48)
  • 帝国CMS商城提交订单后跳转到订单列表页的实现方法

    帝国CMS商城提交订单后默认返回购物车页面,但订单已经提交了,购物车基本上是空空如也,所以更希望提交订单后跳转到订单列表页查看订单。 打开 e/ShopSys/class/ShopSysFun.php 这个文件, 找到:(约534行) $location=\\\"buycar/\\\"; 修改为: $location=\\\"ListDd/\\\"; 不想改文件可以参考:htt

    2024年02月03日
    浏览(62)
  • 微信短链跳转到小程序指定页面调试

    首先说下背景:后端给了短链地址,但是无法跳转到指定页面。总是在小程序首页。指定的页面我们是h5页面。排查步骤如下: 1、通过快速URL Scheme 编译。上部普通编译 下拉找到此选项。 、 2、按照小程序的要求的URL Scheme输入。另外后端给的短链打开之后,拷贝尾缀作为t

    2024年02月10日
    浏览(61)
  • 微信扫码跳转到微信小程序指定页面

    用户想通过在微信上扫描实验室二维码直接进入小程序申请加入实验室 1、首先我们需要在微信公众平台的开发管理——开发设置,找到(扫普通链接二维码打开小程序),点击添加,会出现下面的页面,配置好之后点击保存就行了 填写页配置点击保存之后要再发布 2、在微

    2024年02月16日
    浏览(141)
  • 使用javaweb实现登录注册页面,并且对功能和业务进行分层 用户登录成功跳转到主页并展示数据库的商品的信息

    一、Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据。 Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式。 这里以一个最常用的用户登录

    2024年02月03日
    浏览(64)
  • 从短信,H5页面浏览器跳转到微信小程序指定页面

     在H5页面或者短信链接中要进行小程序跳转,所以需要通过生成具体页面的链接进行跳转 1、参考链接生成接口,详见微信官方文档地址:urllink.generate | 微信开放文档      重点参数如图:       2、后端调用api进行生成  请求完的结果: 3、前端页面入口  4、编写一个中间

    2024年02月11日
    浏览(76)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包