`
yhz61010
  • 浏览: 561433 次
  • 来自: -
博客专栏
63c13ecc-ef01-31cf-984e-de461c7dfde8
libgdx 游戏开发
浏览量:12245
社区版块
存档分类
最新评论

[转] 禁用浏览器后退功能

阅读更多
  今天上网时,看到了一个禁用浏览器后退的十分简单的实现。特向大家推荐下。

  功能如下:点击键盘上的退格键或点击浏览器的后退键时,依然停留在本页。(当然了,禁止后退时的操作可以根据需要自己定义)

  原理:当父页面跳转到子页面后,若在子页面执行后退操作,则自动跳回子页面(或根据需要执行自己需要的操作)。

父页面代码:
<HTML>
<HEAD>
<TITLE>Disable Back Button in Browser - Online Demo</TITLE>
<STYLE>
body, input{
	font-family: Calibri, Arial;
}

</STYLE>
<script type="text/javascript">
	window.history.forward();
	function noBack(){ window.history.forward(); }
</script>
</HEAD>
<BODY onload="noBack();" onpageshow="if (event.persisted) noBack();" onunload="">
<H2>Demo</H2>

<p>This page contains the code to avoid Back button.
</p>
<p>Click here to Goto <a href="second.html">NoBack Page 2</a>
</p>
<p>Click here to Goto <a href="third.html">NoBack Page 3</a>
</p>
</BODY>

</HTML>

各个子页面代码:
<HTML>
<HEAD>
<TITLE>NoBack - Disable Back Button in Browser</TITLE>
<STYLE>
body, input{
	font-family: Calibri, Arial;
}

</STYLE>
</HEAD>
<BODY>
<H2>Welcome to NoBack Page</H2>

<p>Press Browser's Back button

</BODY>

</HTML>

  上述代码在以下环境测试通过:
  Chrome Version 23.0.1262.0 dev-m
  FireFox 17.0a2 (2012-09-17)
  IE 8
  
分享到:
评论

相关推荐

    全面考察“禁用浏览器后退按钮”

    总结起来,禁用浏览器后退按钮并不是一个简单的过程,而是一种权衡用户体验和技术需求的策略选择。开发者应当根据具体的应用场景选择合适的解决方案,同时保持对用户行为的敏感性和尊重,避免过于干扰用户的导航习惯...

    javascript实现禁用浏览器后退按钮

    ### JavaScript 实现禁用浏览器后退按钮的知识点详解 #### 一、背景介绍 在Web开发过程中,有时候出于用户体验或者安全性的考虑,开发者可能会选择禁用浏览器的后退按钮功能。例如,在某些登录验证后的页面,为了...

    javascript怎么禁用浏览器后退按钮

    接下来将详细介绍如何使用JavaScript禁用浏览器后退按钮。 1. 使用`window.history.forward(1);`方法 通过执行`window.history.forward(1);`命令,可以使浏览器窗口的浏览历史记录前进一页,相当于模拟用户点击了...

    当用户退出点击浏览器后退仍可回到原来页面的解决方案

    解决方案2:禁用浏览器后退键 [removed] window.history.forward(1); 结果和方案一一样的结果,pad上没效果 解决方案3:Response.Write(“[removed][removed].replace(‘login.aspx’)[removed]”);仍旧可以后退,...

    Vue 禁用浏览器的前进后退操作

    在开发vue应用中,如何禁用浏览器的前进后退功能呢? 网上搜到的答案基本如下: history.pushState(null, null, document.URL) window.addEventListener('popstate', function() { history.pushState(null, null, ...

    js 禁用浏览器的后退功能的简单方法

    禁用浏览器后退功能的基本思路是在当前页面执行`history.forward()`操作,从而在历史记录中添加一个新的条目。这样,当用户尝试使用后退按钮时,实际上会返回到当前页面而不是真正的前一个页面。 #### 3.2 具体实现...

    如何禁用浏览器的后退按钮.docx

    这篇文章主要探讨了几种禁用浏览器后退按钮的方法,虽然这并不是标准的推荐做法,但在特定场景下可能是必要的。 首先,一种常见的方法是禁止页面被浏览器缓存。通过在服务器端设置HTTP响应头,我们可以让浏览器不...

    页面禁止各种浏览器后退.txt

    ### 页面禁止各种浏览器后退 #### 背景与需求 在Web开发中,有时我们需要控制用户的行为,比如阻止用户通过浏览器的后退按钮返回到上一个页面。这通常发生在某些场景下,如表单提交确认、敏感操作确认等,以确保...

    ASP.NET屏蔽浏览器后退

    以下是一个简单的JavaScript示例,用于禁用浏览器的后退功能: ```javascript window.history.forward(); ``` 这段代码会立即执行一个向前跳转操作,使浏览器的历史记录始终指向当前页面,从而禁用后退按钮。 然而...

    禁用浏览器后退按钮并在浏览器后退按钮单击事件上调用Javascript功能

    这个需求在标题"禁用浏览器后退按钮并在浏览器后退按钮单击事件上调用Javascript功能"中被提出。下面我们将详细探讨如何实现这一目标。 首先,JavaScript是Web开发中的核心语言,它允许我们在用户与网页交互时进行...

    屏蔽浏览器的后退按钮

    1. **浏览器限制**:大多数现代浏览器(如Chrome、Firefox、Safari等)都有内置的安全机制,不允许网站通过JavaScript或其他方式直接禁用后退按钮的功能。 2. **用户体验**:屏蔽后退按钮会影响用户的正常浏览体验...

    禁用backspace键的后退功能

    在探讨如何禁用backspace键的后退功能之前,我们首先需要理解backspace键在不同情境下的作用。在文本编辑环境中,backspace键主要用于删除光标左侧的字符,而在网页浏览过程中,按下backspace键可能会触发浏览器的...

    注销后禁用浏览器的后退功能

    我想在注销后禁用浏览器的后退按钮。我已经将注销事件的session [“ session-id”]设置为null。但是当我按下浏览器的Back按钮时,它将重定向到该安全页面,我已经注销了。请给我有关此问题的任何解决方案。

    vbs控制浏览器操作,自动化最简代码

    VBS(Visual Basic Script)是一种基于Visual Basic的脚本语言,常用于Windows...然而,随着现代Web技术的发展,更推荐使用跨平台且功能更强大的自动化框架,如Selenium,以适应不同类型的浏览器和更复杂的自动化需求。

    如何禁止浏览器使用后退按钮功能

    要实现禁止浏览器后退按钮功能,首先必须了解一个基本事实:我们无法直接禁用或禁止浏览器后退按钮的行为。因为后退按钮是浏览器的基本组成部分,完全控制它的行为并不属于Web页面开发者的权限范围内。然而,可以...

    js禁止Backspace键使浏览器后退的实现方法.docx

    为了避免这种情况的发生,可以通过JavaScript来禁用Backspace键的后退功能。 #### 实现原理 Backspace键的功能通常由浏览器的默认行为控制。通过监听键盘事件(如`keydown`或`keypress`),可以捕获Backspace键的...

    js禁止浏览器页面后退功能的实例(推荐)

    在JavaScript编程中,有时我们需要禁用浏览器的默认后退功能,比如在用户完成登录、支付等操作后,防止用户意外点击后退按钮导致数据丢失或出现错误状态。本篇文章将详细解析如何通过JavaScript实现这一功能。 首先...

Global site tag (gtag.js) - Google Analytics