阻止页面回退

最新推荐文章于 2023-10-28 01:40:22 发布
最新推荐文章于 2023-10-28 01:40:22 发布
阅读量290 收藏
点赞数
原文链接：http://www.cnblogs.com/wpp281154/p/10443632.html
版权

1.使用场景

系统登录退出后，跳转到登录页面，登录页面点击浏览器后退按钮，页面后退到之前登录的页面。在退出登录后，禁止浏览器点击后退按钮，进行页面后退。

window.location.hash="no-back";
window.location.hash="Again-No-back-button";
window.onhashchange=function(){window.location.hash="no-back";}

2.使用场景

系统中嵌入iframe，引入其他页面。当session失效时，点击菜单后，由于后台做了登录拦截，此时iframe中就会嵌入登录页面；当session失效时，希望系统可以跳转到登录页面中。

/**
 * [loadTopWindow 判断是否有顶层窗口，登录超时跳转]
 * @return {[type]} [description]
 */
 function loadTopWindow() {
     if (window.top != null && window.top.document.URL != document.URL){
         window.top.location = document.URL; 
     }
 }

<body οnlοad="loadTopWindow()"></body>

 

转载于:https://www.cnblogs.com/wpp281154/p/10443632.html

weixin_30696427
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
阻止页面回退，回退时并执行相应的操作
https://shixuebin.gitee.io/hexo-blog/
11-02 249
【代码】阻止页面回退，回退时并执行相应的操作。
js禁止浏览器的回退事件
10-20
主要为大家详细介绍了js禁止浏览器的回退事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue阻止页面回退
高先生的猫
08-04 1572
常用于登录页阻止回退到上一个页面 在login.vue 加入即可 mounted() { // 登录页阻止回退 sessionStorage.clear() history.pushState(null, null, document.URL) window.addEventListener( 'popstate', function() { history.pushState(null, null, document.URL..
jq禁止页面回退（防止第二个页面）
魔法程序媛的博客
01-07 570
<script> $(function () { history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.UR...
js阻止页面回退
m0_74359467的博客
10-28 662
这里我再给大家提供一个思路：登录后，基本都会在本地存值里存储登录成功后接口返回的数据，那么我们可以在登录页面进行一个判断，本地存值是否有这个值，或者是未定义，当没有时，正常进行程序；有这个值时，直接跳转至首页，那么当用户在首页时点击回退，页面会回到登录页面，但是在登录页面直接进行了一个判断，就又跳回到首页，这也是一种方法。要在 JavaScript 中阻止页面回退，你可以使用 history.pushState() 方法，它可以修改浏览器历史记录中的当前状态，从而阻止页面回退。
js,jquery禁止页面回退
包子源的博客
11-29 6081
将代码放到需要禁止回退的页面即可 主要代码 $(function () { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () {
js阻止页面回退，记录自己的工作历程
qq_27202629的博客
12-15 1077
function prevent(){ history.pushState(null,null,document.url); } //首次阻止 prevent(); //监听浏览器状态，回退至本页面时再此添加状态，阻止下次回退，往复循环 window.addEventListener("popstate",prevent,true); //页面销毁时清除状态 window.removeEventListener('popstate', prevent); ...
vue 阻止页面回退（backspace键）
eliodadada的博客
04-13 1804
*这段代码得写在next()的后面，因为写在next()前面location.href并不是to的地址，这点跟vue1.0有点不同。2.在全局的router.beforeEach 函数里面获取allowBack的状态，同时更新vuex的allowBack的值，location.href 获取的仍不是to的地址，所以得根据to的信息来拼起来。2.vue中结合vuex方法。
JavaScript禁止页面回退的方法
weixin_34268169的博客
11-24 1751
1.可以消除 后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。 <script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstat...
Vue-阻止页面回退
weixin_30902251的博客
05-13 1234
1.原生js方法 <script language="javascript"> //防止页面后退 使用在vue时 挂载到mounted中 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pus...
在vue中实现禁止回退上一步,路由不存历史记录
10-15
在Vue.js应用中，特别是在使用Vue Router进行页面路由管理时，有时我们需要禁止用户通过浏览器的回退按钮返回上一步，并且不保留当前路由的历史记录。这样可以确保用户不能访问已经处理过的状态，或者在特定场景下...
js屏蔽页面回退功能
08-31
屏蔽回退键 支持Firefox、Opera IE、Chrome
vue中beforeRouteLeave实现页面回退不刷新的示例代码
10-16
主要介绍了vue中beforeRouteLeave实现页面回退不刷新的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
10-22
键盘上的F5或者退格键等按键一般来说会触发页面的后退或者刷新事件,然而这些在前端用代码是可以给屏蔽掉的,这里我们就来看一下Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
chromedriver-mac-arm64_126.0.6474.0.zip
07-31
chromedriver-mac-arm64_126.0.6474.0.zip
chromedriver-mac-arm64_128.0.6548.0.zip
07-31
chromedriver-mac-arm64_128.0.6548.0.zip
MySQL查询加速器：利用Query Cache提升效率
07-31
MySQL是一个流行的开源关系型数据库管理系统（RDBMS），广泛用于Web应用程序的后端数据存储。它基于结构化查询语言（SQL）来管理数据，并且是LAMP（Linux, Apache, MySQL, PHP/Python/Perl）技术栈的一部分，这个技术栈常用于构建动态网站和Web应用程序。 MySQL的特点包括： - **开放源代码**：MySQL的源代码是公开的，任何人都可以自由使用和修改。 - **跨平台**：MySQL可以在多种操作系统上运行，包括Linux、Windows、macOS等。 - **高性能**：MySQL以其快速的查询处理和良好的性能而闻名。 - **可靠性**：MySQL提供了多种机制来确保数据的完整性和可靠性，包括事务支持、备份和恢复功能。 - **易于使用**：MySQL提供了简单直观的界面和丰富的文档，便于用户学习和使用。 - **可扩展性**：MySQL支持从小型应用到大型企业级应用的扩展。 - **社区支持**：由于其广泛的使用，MySQL拥有一个活跃的开发者社区，提供大量的资源和支持。 MySQL被广泛应用于各种场景，包括在线事务处理（OL
Objective-C语言的基础教程.md
最新发布
07-31
Objective-C是一种面向对象的编程语言，是C语言的扩展。它主要用于苹果的iOS和macOS应用程序开发。
vue中登录页面禁止回退
05-12
可以使用Vue Router的导航守卫来实现禁止回退功能。具体步骤如下： 1. 在路由配置文件中，定义一个全局的前置守卫。这个守卫会在每个路由跳转之前执行。 ``` const router = new VueRouter({ routes: [...], }) ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值