用javascript实现禁止页面后退返回上一页的代码:
有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法:
在需要跳转的页面(上一个页面),添加如下代码:
<scripttype="text/javascript">
history.go(1);
</script>
这时,如果从此页面跳到另外一个页面后,即使点击浏览器的后退按钮也是无效的,也回不到刚才的页面了。
其实方法不唯一,以上只是一个比较简单实用的代码。
注意:加入history.go(1);之后,虽然无法返回上一页,但是点击回退按钮后,程序还是会跑一遍上一页的代码,然后再回到当前页(通过地址栏中当前页的url再次回到本页)。
<script type="text/javascript">
history.go(1);
</script>
<?php
session_start();
if(!isset($_SESSION['a'])) $_SESSION['a']=0;
echo $_SESSION['a']++;//每次加1
?>
<br/><a href='./b.php'>aaa</a>
b.php
<?php
session_start();
echo $_SESSION['a'];
?>
需要禁止页面后退的情境:
一个领取礼包的小活动,当用户在领取礼包的页面点击【领取礼包】按钮(跳转链接是:/3G/index/share_prize/<?php echo $memberId;?>/<?php echo $share_id;?>)后,执行后台程序,在数据库中新增一条记录,并跳转到下一页。如果已经到了下一页,此时用户再点击后退按钮回到第一页的话,那么就能重复的领取礼包,这是我不愿意看到的。
此时就可以在代码头部加上:history.go(1); 而且不用担心回退之后程序重新跑一遍原来的代码,自动在数据库插入一条数据,因为我是点击【领取礼包】这个链接进入后台控制器的,当我由第二页点击后退按钮返回上一页时,并没有点击【领取礼包】这个动作,因此程序不会再次执行控制器中的代码,而是直接跳回第二页。
分享到:
相关推荐
### JavaScript 实现禁用浏览器后退按钮的知识点详解 #### 一、背景介绍 在Web开发过程中,有时候出于用户体验或者安全性的考虑,开发者可能会选择禁用浏览器的后退按钮功能。例如,在某些登录验证后的页面,为了...
在Web开发中,有时我们需要控制用户的行为,比如阻止用户通过浏览器的后退按钮返回到上一个页面。这通常发生在某些场景下,如表单提交确认、敏感操作确认等,以确保用户能够按照既定流程完成任务或操作。本文将详细...
以上代码展示了如何使用JavaScript来实现页面的刷新和后退禁止,以及对特定键和右键菜单的拦截。然而,需要注意的是,这些做法可能会对用户体验造成负面影响,比如限制了用户的正常浏览习惯。因此,在实际应用中,应...
- `history.back(-1)` 实现与后退按钮相同的效果,返回上一页面。 3. 查看源码: - 使用`window.location="view-source:" + window.location.href`可以打开当前页面的源代码查看。 4. 禁止查看源码: - `...
这段代码的主要作用是在用户点击浏览器的后退按钮时,通过监听`popstate`事件,使用`pushState`方法把当前页面的URL添加到历史记录中。这使得每次点击后退按钮时,浏览器都会重新导航到当前页面,从而达到阻止后退的...
JavaScript是Web开发中不可或缺的一部分,它为网页增添了交互性与动态功能。在提供的代码示例中,我们看到了一些常见的JavaScript应用,以下是对这些代码的详细解释: 1. **后退/前进按钮**: - `history.go(-1)` ...
本文档列举的73种JavaScript代码涵盖了多种常见的网页操作,可以帮助开发者更高效地实现各种功能。 1. **历史导航**:`history.go(-1)` 和 `history.go(1)` 分别用于向后和向前浏览历史记录,用户可以点击按钮实现...
浏览器的“后退”按钮允许用户返回浏览历史中的上一个页面,这是通过浏览器维护的一个历史记录列表来实现的。在ASP.NET中,每当用户进行一次页面请求,这个记录就会被添加到历史中。 要阻止浏览器后退,一种常见的...
在某些情况下,可能需要提供一个明确的提示或者替代行为,让用户知道他们不能后退,或者提供其他方式让他们可以返回之前的页面。 此外,这种方法并不适用于所有情况,比如用户可以通过刷新页面或者直接在地址栏输入...
在开发Web应用程序时,我们经常需要处理用户界面的导航行为,如浏览器的返回、后退或上一页按钮。在桌面浏览器上这些功能通常通过使用浏览器历史记录(History API)来实现。然而,在移动设备上,尤其是在iOS和...
标题“JS 禁止访问某页面”涉及的是JavaScript中阻止用户访问特定页面或执行特定操作的技术。在Web开发中,有时出于安全考虑或者特定功能需求,开发者可能希望限制用户对某个页面的访问。虽然完全阻止用户访问一个...
实际上,浏览器的历史记录并没有被真正地修改,当用户尝试点击返回按钮时,页面上的JavaScript代码会立即重新将用户带到前一个页面,因此这种阻止方式更多是通过强制用户前进的方式来间接实现。而一旦用户刷新了页面...
2. **使用JavaScript阻止后退**:接下来,在前端页面中加入一段JavaScript代码,用于在用户退出登录时执行特定操作,防止用户通过后退按钮回到之前的页面。 下面是一段示例代码,展示了如何使用JavaScript来实现这...
1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机...
在Web应用开发过程中,可能会遇到一种情况:用户在使用浏览器时,无意间按下Backspace键导致浏览器返回上一页,从而造成用户体验不佳或数据丢失等问题。为了避免这种情况的发生,可以通过JavaScript来禁用Backspace...
但是,需要注意的是,这需要在每次页面跳转时都手动用客户端代码清除`location.history`,否则如果后退历史记录未被清除,后退按钮依然可以使用。 3. 处理键盘事件来禁用后退键(Backspace) 可以通过JavaScript...
1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机...
然而,当用户使用手机浏览器的后退按钮返回先前的页面时,可能会遇到一个问题:页面没有更新其内容,而是显示了缓存的数据。这在某些情况下可能导致用户体验下降,特别是对于依赖实时数据更新的网页。本文将总结几种...
- `history.back(-1)`:这个按钮同样用于返回上一页,与`history.go(-1)`功能相同。 3. **查看源码**: - `window.location="view-source:"+window.location.href`:点击按钮后,浏览器会打开一个新的页面,显示...
为了防止网页后退和刷新导致的重复添加问题,我们可以通过编程禁止浏览器缓存页面。 禁止浏览器缓存通常涉及到以下几个HTTP头部的设置: 1. Cache-Control 这个头部用于指定请求和响应遵循的缓存机制。设置Cache-...