前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js后退按钮事件触发

js后退按钮事件触发

作者头像
全栈程序员站长
发布于 2022-09-15 02:19:04
发布于 2022-09-15 02:19:04
11.7K00
代码可运行
举报
运行总次数:0
代码可运行

大家好,又见面了,我是你们的朋友全栈君。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    if (window.history && window.history.pushState)
    { $(window).on('popstate', function() {
        var hashLocation = location.hash;
        var hashSplit = hashLocation.split("#!/");
        var hashName = hashSplit[1];
        if (hashName !== '') {
            var hash = window.location.hash;
            if (hash === '') {

                window.location.href = "{:url('staff_admin/Myinfo/mydata')}"//后退返回自定义路径
            } } });
        window.history.pushState('forward', null, '');
    }

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164172.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
js禁止浏览器后退按钮[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164189.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/15
14K0
【面试题】hash 与 history 路由的实现原理
实现路由的方式:hash模式 和 history模式 两种方式,不论是 angular、vue 还是 React都是这样实现的。
用户9914333
2022/12/14
1.6K0
【面试题】hash 与 history 路由的实现原理
Vue路由实现原理
其中pushState方法和replaceState方法可以分别增加和替换掉一条记录(必须同源),而不会重新加载页面。
愤怒的小鸟
2021/01/11
1.3K0
一文搞懂前端路由的原理(Vue、React、Angular)
前端三大框架 Angular、React、Vue ,它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的,因此将前端路由原理进行了解和掌握是很有必要的,因为我们再使用的过程中也难免会遇到一些坑,一旦我们掌握了它的实现原理,那么就能在开发中对路由的使用更加游刃有余。
前端老道
2022/03/29
1.3K0
一文搞懂前端路由的原理(Vue、React、Angular)
HTML 面试要点:History 和 Hash 路由方式
越来越多的应用使用 Ajax 请求数据,浏览器 URL 不会发生任何变化。同时,浏览的页面内容在用户下次使用 URL 访问时将无法重新呈现,使用路由可以很好地解决这个问题。
Cellinlab
2023/05/17
9190
前端路由原理解析和实现
路由的概念来源于服务端,在服务端中路由描述的是 URL 与处理函数之间的映射关系。
ConardLi
2019/05/23
1K0
原生 js 实现一个前端路由 router
项目地址:https://github.com/biaochenxuying/route
夜尽天明
2019/11/13
2.6K0
原生 js 实现一个前端路由 router
前端路由实现方式
路由:根据不同的url地址,显示不同的页面或者更新局部视图,呈现出来不同的内容。前端路由的实现方式分为服务端,Hash,History三种常见的路由实现方式。
伯爵
2019/10/31
6540
HTML5管理与实际历史的分析(history物)
在现代Web应用。用户”前进”和”退却”button切换历史页面。这使得新的页码不会打开一个新的网页前进和后退自如,改善用户体验。
全栈程序员站长
2022/07/06
4240
微前端07 : 对single-spa的路由管理及微应用状态管理的分析
从流程图中,关于路由管理的初始化,single-spa做了4件事情。我们同时看看代码:
杨艺韬
2022/09/27
1.5K0
微前端07 : 对single-spa的路由管理及微应用状态管理的分析
hash和history的原理和区别
目前单页应用(SPA)越来越成为前端主流,单页应用一大特点就是使用前端路由,由前端来直接控制路由跳转逻辑,而不再由后端人员控制,这给了前端更多的自由。
前端小tips
2021/11/23
2K0
hash和history的原理和区别
前端开发:vue路由之前端路由的原理
现在mvvm框架已经火的不成样了,React、Angular和Vue.js的发布让前端工程化成为主流,大前端时代已经到来了,最近接触了vue的前端路由,闲来无事就开始琢磨源码,下面来说说前端路由的原理。
用户5827212
2019/08/07
1K0
什么是单页面应用开发工具_单页面和多页面的区别及优缺点
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
8410
什么是单页面应用开发工具_单页面和多页面的区别及优缺点
前端路由的实现原理
路由的概念来源于服务端,在服务端中路由描述的是 URL 与处理函数之间的映射关系。
Daotin
2019/07/28
2.2K0
「源码解析 」这一次彻底弄懂react-router路由原理
个人理解,单页面应用是使用一个html下,一次性加载js, css等资源,所有页面都在一个容器页面下,页面切换实质是组件的切换。
用户6835371
2021/06/01
4.1K0
「源码解析 」这一次彻底弄懂react-router路由原理
前端路由三种模式原理
整个页面重新加载,浏览器历史可以显示每一个地址。考虑到安全性但是JS代码中是无法操作的。 2. Hash路由方式。
19组清风
2021/11/15
1.1K0
前端路由相关实现
版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/article/details/55255056
空空云
2018/09/27
6030
前端路由相关实现
前端路由0.前言1.哈希路由2.history路由
后端有后端路由,根据路由返回特定的网页,代表者是传统的mvc模式,模板引擎+node。前端也有前端的路由,我们用三大框架做spa的时候,总是和路由离不开关系。主要有两种方法:基于哈希路由、基于history
lhyt
2018/10/31
6800
阿里P7:你了解路由吗?
年后被迫跳槽,其中种种一言难尽,于是投递简历,虽然有了年前尝试积累,但年前毕竟不是真正的跳槽。由于没有遵循大佬们的跳槽心得,面试时,先投小厂,再投大厂,导致,随机面试,上来就遇见了个阿里的P7,被问的哑口无言。时隔半月,复盘总结
用户7413032
2024/01/29
1460
阿里P7:你了解路由吗?
Js如何防止页面后退(使浏览器后退按钮失效)[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164194.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/16
4.7K0
Js如何防止页面后退(使浏览器后退按钮失效)[通俗易懂]
相关推荐
js禁止浏览器后退按钮[通俗易懂]
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验