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

最新推荐文章于 2020-06-04 10:44:51 发布

MikeoLeo

最新推荐文章于 2020-06-04 10:44:51 发布

阅读量432

点赞数

分类专栏： JavaScript 文章标签：浏览器 JavaScript 后退 ViewUI

本文链接：https://blog.csdn.net/yhz61010/article/details/84291146

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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

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

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

[b]父页面代码：[/b]

<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>

[b]各个子页面代码：[/b]

<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
　　

MikeoLeo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[转] 禁用浏览器后退功能

　　今天上网时，看到了一个禁用浏览器后退的十分简单的实现。特向大家推荐下。　　功能如下：点击键盘上的退格键或点击浏览器的后退键时，依然停留在本页。（当然了，禁止后退时的操作可以根据需要自己定义）　　原理：当父页面跳转到子页面后，若在子页面执行后退操作，则自动跳回子页面（或根据需要执行自己需要的操作）。[b]父页面代码：[/b][code="html"]Disab...
复制链接

扫一扫