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

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

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

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

　　原理：当父页面跳转到子页面后，若在子页面执行后退操作，则自动跳回子页面（或根据需要执行自己需要的操作）。

父页面代码： 
<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
　　
分享到：
| [原创] jQuery Bar Loading Plugin - jQue ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    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按钮时，它将重定向到该安全页面，我已经注销了。请给我有关此问题的任何解决方案。

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

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

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

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

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

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

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics