脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript禁止页面回退

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禁止页面回退的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • 使用Chart.js图表库制作漂亮的响应式表单

    使用Chart.js图表库制作漂亮的响应式表单

    数据包围着我们。虽然搜索引擎和其他应用都对基于文本方式表示的数据偏爱有加，但人们发现可视化是更容易理解的一种方式。今年初，SitePoint 发表了 Aurelio 的文章《 Chart.js简介》。在深入研究 Chart.js 的功能后，本文将会讲解这篇简介的一些重点。
    2015-10-10
  • JS实现导出Excel和CSV文件操作

    JS实现导出Excel和CSV文件操作

    这篇文章介绍了JS实现导出Excel和CSV文件的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-05-05
  • JavaScript实现兼容IE6的收起折叠与展开效果实例

    JavaScript实现兼容IE6的收起折叠与展开效果实例

    这篇文章主要介绍了JavaScript实现兼容IE6的收起折叠与展开效果,结合具体实例形式分析了javascript事件响应及针对页面元素属性的动态操作相关实现技巧,需要的朋友可以参考下
    2017-09-09
  • 网页禁用右键菜单和鼠标拖动选择方法小结

    网页禁用右键菜单和鼠标拖动选择方法小结

    本文主要给大家总结了一下在网页中禁用鼠标右键和鼠标拖动选择的几种常用的方法，十分的实用，有需要的小伙伴参考下。
    2015-02-02
  • Next.js 16的实践案例和坑点总结

    Next.js 16的实践案例和坑点总结

    Next.js16的到来,总体来说对Next.js开发者来说是好事,并且让我看到了未来在技术选择中,是否对AI友好将会成为关键点,这篇文章主要介绍了Next.js 16实践案例和坑点的相关资料,需要的朋友可以参考下
    2026-01-01
  • json数据处理技巧(字段带空格、增加字段、排序等等)

    json数据处理技巧(字段带空格、增加字段、排序等等)

    json数据处理技巧例如：正常取值、字段带空格、赋值、增加字段、排序、拷贝、数组添加和删除等，详细请参考本文或许对你有所帮助
    2013-06-06
  • 详解JavaScript如何创建一个非自动播放的GIF网络组件

    详解JavaScript如何创建一个非自动播放的GIF网络组件

    这篇文章主要为大家介绍了如何利用JavaScript创建一个允许您的用户决定是否要播放gif的Web组件，文中的实现步骤讲解详细，需要的可以参考一下
    2022-02-02
  • javascript简写效果“神秘的眼睛”

    javascript简写效果“神秘的眼睛”

    “眼睛跟随鼠标转动效果”—— 265.com 把它放在网页的LOGO里，用javascript来实现，这个创意不错！ 以前刚做FLASH的时候，用AS1实现过，今天下班早，在家简写了个：
    2008-02-02
  • 学习使用bootstrap基本控件（table、form、button）

    学习使用bootstrap基本控件（table、form、button）

    这篇文章主要教会大家学习使用bootstrap基本控件，如table、form、button控件，感兴趣的小伙伴们可以参考一下
    2016-04-04
  • JS实现三个层重叠点击互相切换的方法

    JS实现三个层重叠点击互相切换的方法

    这篇文章主要介绍了JS实现三个层重叠点击互相切换的方法,涉及JavaScript动态操作页面定位属性的相关技巧,需要的朋友可以参考下
    2015-10-10

最新评论