js禁止页面回退的方法(使浏览器后退按钮失效)

时间: 2018-11-01阅读: 3676标签: 页面

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>


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/1241

关闭

javascript如何打印页面?

我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多,下面我们看一下JavaScript中通过window.print()方法与jqprint()插件打印页面的方法。

解决webapck多页面内存溢出

因为自己的项目是基于vue-cli3进行开发,所以这里只讨论这种情况下的解决办法 ,在进行多页面开发的时候,项目刚开始阶段,因为文件较少,所以代码编译速度还行,但是随着项目逐渐增大

Flutter页面跳转传参

路由(Route)在移动开发中通常指页面(Page),这跟web开发中单页应用的Route概念意义是相同的,Route在Android中通常指一个Activity,在iOS中指一个ViewController。所谓路由管理,就是管理页面之间如何跳转,通常也可被称为导航管理

网站设计如何为页面编写元描述

元描述是文本的片段,描述网页的内容,像百度这样的搜索引擎可选择在搜索结果中显示元描述,或绕过元描述显示想要或认为对特定搜索查询更重要的内容。但优化元描述是网站设计的重要因素,谈到网站设计时候

vue进入页面时不在顶部,检测滚动返回顶部按钮

这里是本小白使用时遇到的问题及个人使用的方法可能并不完美。监测浏览器滚动条滚动事件及滚动距离,一般给window绑定监测事件就能获得window.pageYOffset滚动距离。

JS内嵌多个页面,页面之间如何更快捷的查找相关联的页面

假设parent为P页面,P页面有两个子页面,分别为B页面和C页面;B页面和C页面分别内嵌一个iframe,分别为:D页面和E页面,现在通过B页面的内嵌页面D的方法refreshEpage(eUrl)来加载内嵌页面E的内容.

html页面实现返回上一页浏览位置

如果上一页是静态页面,可以用 history.go(-1)方法;页面采用了vue,页面每次加载都会去请求数据,用history.go(-1)方法返回上一页,上一页的页面因为重新请求数据,页面不会定位到上次浏览的位置;

angularjs怎么做页面切换?

angularjs做页面切换的方法:方法一、使用ui-router定义路由来实现页面切换。方法二、使用factory方法实现页面切换并传参。方法三、使用localStorage或sessionStorage实现页面切换并传参。

footer固定在页面底部的实现方法总结

footer固定在底部,footer保持在屏幕底部的四种方法实现:footer高度固定+绝对定位、footer高度固定+margin负值、footer高度任意+js、常用的纯css实现footer sticker

Flutter 之页面切换(基本路由)

一个应用程序通常由多个页面组成,而统一管理页面之间跳转的机制通常被称为路由管理或导航管理,在 Flutter 中,页面之间的跳转是通过 Route 和 Navigator 来管理的

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!