首页 > 技术文章 > 阻止页面返回上一页

zsy0712 2016-01-29 14:39 原文

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script src="jquery-1.11.3.min.js"></script>
 7 </head>
 8 <body>
 9 <!--                                              -->
10 <!--第一、二种是在新窗口打开;第三、四、五种方法是原页面打开-->
11 <!--                                              -->
12 
13 
14 <!--    第一种方法是a标签跳转       -->
15 <a href="2.html" target="_blank">aaaa</a>
16 <!--二、三、四种-->
17 <div id="btn">跳转至页面2</div>
18 <!--五种-->
19 <button onClick="logout()">Logout</button>
20 </body>
21 
22 <!--       第二种           -->
23 <script>
24     $(function(){
25         $("#btn").click(function(){
26             window.open('2.html');
27         });
28     });
29 </script>
30 
31 <!--             第三种          -->
32 <script language="JavaScript">
33             window.history.forward(1);
34 
35 </script>
36 <script>
37     $(function(){
38         $("#btn").click(function(){
39             window.location='2.html';
40         })
41     })
42 </script>
43 
44 <!--              第四种            -->
45 <script>
46     $(function(){
47         history.go(1);
48         $("#btn").click(function(){
49             window.location='2.html';
50         })
51     })
52 </script>
53 
54 <!--        第五种     -->
55 <script language="JavaScript">
56     function logout(){
57         window.close(true);
58         window.open("2.html");
59     }
60 </script>
61 </html>

 

推荐阅读