JavaScript禁止页面回退的方法步骤

 更新时间:2023年08月06日 16:41:25   作者:程序员阿宇  
这篇文章主要为大家介绍了JavaScript禁止页面回退的方法步骤,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

1.可以消除 后退的所有动作

包括 键盘、鼠标手势等产生的后退动作。

<script language="javascript">
    //防止页面后退
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
    });
</script>

2.禁止浏览器点击后退按钮

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

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

3.系统中嵌入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 onload="loadTopWindow()"></body>

以上就是JavaScript禁止页面回退的方法步骤的详细内容,更多关于JavaScript禁止页面回退的资料请关注脚本之家其它相关文章!

相关文章

  • Json Web Token在前后端实践思考分析

    Json Web Token在前后端实践思考分析

    这篇文章主要为大家介绍了Json Web Token在前后端实践思考分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • JavaScript实现在页面间传值的方法

    JavaScript实现在页面间传值的方法

    这篇文章主要介绍了JavaScript实现在页面间传值的方法,涉及javascript传值的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • Django 中的templates使用示例详解

    Django 中的templates使用示例详解

    Django模板系统提供了一套丰富的工具集,能够帮助开发者将动态数据有效地渲染到HTML页面中,它通过特殊的语法支持变量插入、逻辑标签和过滤器的使用,本文给大家介绍Django 中的templates使用,感兴趣的朋友一起看看吧
    2024-10-10
  • 微信小程序实现类似微信点击语音播放效果

    微信小程序实现类似微信点击语音播放效果

    这篇文章主要为大家详细介绍了微信小程序实现类似微信点击语音播放效果,不会互相干扰播放状态,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • JS实现访问DOM对象指定节点的方法示例

    JS实现访问DOM对象指定节点的方法示例

    这篇文章主要介绍了JS实现访问DOM对象指定节点的方法,结合实例形式分析了javascript针对DOM元素节点属性相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • JavaScript函数扩展与箭头函数超详细讲解

    JavaScript函数扩展与箭头函数超详细讲解

    这篇文章主要介绍了JavaScript函数扩展与箭头函数的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-11-11
  • js实现跟随鼠标移动且带关闭功能的图片广告实例

    js实现跟随鼠标移动且带关闭功能的图片广告实例

    这篇文章主要介绍了js实现跟随鼠标移动且带关闭功能的图片广告,实例分析了javascript操作鼠标事件及html元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JavaScript实现随机点名小程序

    JavaScript实现随机点名小程序

    这篇文章主要介绍了JavaScript实现随机点名小程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • 详谈构造函数加括号与不加括号的区别

    详谈构造函数加括号与不加括号的区别

    下面小编就为大家带来一篇详谈构造函数加括号与不加括号的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • bootstrap提示标签、提示框实现代码

    bootstrap提示标签、提示框实现代码

    这篇文章主要为大家详细介绍了bootstrap提示标签、提示框的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论