如何让浏览器上的后退按钮无效

最新推荐文章于 2023-10-05 02:57:17 发布

yanyaocrystal

最新推荐文章于 2023-10-05 02:57:17 发布

阅读量2.3k

点赞数 1

分类专栏：程序开发文章标签：后退按钮

程序开发专栏收录该内容

13 篇文章

订阅专栏

本文介绍了三种禁用浏览器后退按钮的方法，包括使用JavaScript改变浏览器历史记录、通过链接触发特定JavaScript函数以及直接禁用后退按钮的功能。此外还提供了一些额外的技术方案，如禁止页面缓存和屏蔽键盘快捷键等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>  
2.<html>  
3.<script>  
4.<!--  
5.  
6.-->    
7.</script>  
8.<head>  
9.<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
10.<title></title>  
11.</head>  
12.<body>  
13.I am newfile2!!!!!!!!!!  
14.<br>  
15.<a href="newfile5.jsp" onclick="window.location.replace(this.href);event.returnValue=false;">  
16.goTo newfile5.jsp  
17.</a>  
18.</body>  
19.</html>

添加了window.location.replace(this.href);

用新页面的URL替换当前的历史纪录；

返回的是前2级目录！

方法2

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>  
2.<html>  
3.<head>  
4.<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
5.<title></title>  
6.</head>  
7.<body>  
8.I am newfileB!!!!!!!!!!  
9.<br>  
10.<a href="newfileC.jsp" onclick='history.back()'>goTo  newfileC.jsp  
11.</a>  
12.</body>  
13.</html>

从newfileB。jsp页面链接到newfileC.jsp后，工具栏里的返回按钮被置灰状态了！

将onclick='history.back()'换成onclick='history.go(-1)';后前进按钮被置灰状态！

方法3

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>  
2.<html>  
3.<script>  
4.<!--  
5.     window.history.forward(1);  
6. -->  
7.</script>  
8.<head>  
9.<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
10.<title></title>  
11.</head>  
12.<body>  
13.I am newfileA1!!!!!!!!!!  
14.<br>  
15.<a href="newfileA2.jsp">goTo  newfileA2.jsp  
16.</a>  
17.</body>  
18.</html>

写的javascript代码后点击返回按钮不起作用！

JavaScript代码可用来产生点击前进按钮的效果，这样也就抵消了用户点击后退按钮所产生的动作。

其他还有禁止缓存方案，不显示工具栏，还有对BackSpace键屏蔽的方法等等！

下面是在网上找的一个屏蔽按键的例子！

<html>     
2.    <script>     
3.  function   KeyDown(){   //屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键     
4.    //alert("ASCII代码是："+event.keyCode);     
5.      if   ((window.event.altKey)&&     
6.              ((window.event.keyCode==37)||       //屏蔽   Alt+   方向键   ←     
7.                (window.event.keyCode==39))){     //屏蔽   Alt+   方向键   →     
8.            alert("不准你使用ALT+方向键前进或后退网页！");     
9.            event.returnValue=false;     
10.            }     
11.      if   ((event.keyCode==8)     ||                                   //屏蔽退格删除键     
12.              (event.keyCode==116)||                                   //屏蔽   F5   刷新键     
13.              (event.keyCode==112)||                                   //屏蔽   F1   刷新键     
14.              (event.ctrlKey   &&   event.keyCode==82)){   //Ctrl   +   R     
15.            event.keyCode=0;     
16.            event.returnValue=false;     
17.            }     
18.      if   ((event.ctrlKey)&&(event.keyCode==78))       //屏蔽   Ctrl+n     
19.            event.returnValue=false;     
20.      if   ((event.shiftKey)&&(event.keyCode==121))   //屏蔽   shift+F10     
21.            event.returnValue=false;     
22.      if   (window.event.srcElement.tagName   ==   "A"   &&   window.event.shiftKey)       
23.              window.event.returnValue   =   false;     //屏蔽   shift   加鼠标左键新开一网页     
24.      if   ((window.event.altKey)&&(window.event.keyCode==115)){   //屏蔽Alt+F4     
25.              window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");     
26.              return   false;}     
27.  }     
28.  function   Showhelp(){     
29.    alert("按了F1");     
30.    return   false;     
31.  }     
32.    </script>     
33.    <head>     
34.      <meta   http-equiv="Content-Language"   content="zh-cn">     
35.      <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">     
36.      <title>键盘代码</title>     
37.      <style>     
38.        <!--     
39.  body                   {   font-family:   Verdana;   color:   #000080;   font-size:   9pt   }     
40.  --></style>     
41.    </head>     
42.    <body   onkeydown="KeyDown()"   oncontextmenu="event.returnValue=false"   onhelp="Showhelp();return   false;">     
43.      <p   align="center">请按键盘</p>     
44.    </body>     
45.  </html>