阻止页面返回上一页

 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>
时间: 2024-10-22 18:53:28

阻止页面返回上一页的相关文章

jsp页面返回上一页的问题?

使用javascript:history.go(-1)  或者  history.back()返回上一页时, 若上一页是静态页面或提交数据前的动态页面,则应该能够顺利返回,但若上一页是提交数据后的动态页面.或者禁用了缓存等原因,则可能导致出现“网页已过期”的现象,解决办法:首先试试back()或go(-2),若依然不行,则取消禁用页面缓存的限制

js 返回上一页和刷新以及页面跳转

1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write("<script

Js返回上一页,刷新页面,定时刷新,改变地址栏 等常用实用技巧

1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write("<script

js 实现返回上一页和刷新等页面跳转功能

原文 出处http://www.2cto.com/kf/201111/109821.html 1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">

使用angularjs、ionic框架如何实现返回上一页并刷新

普通的js返回并刷新这里就不多说了,百度就有很多方法. 下面说的是使用了angularjs.ionic开发的一个手机app中使用的一个返回上一页并刷新的方法. 场景:回复的页面是单独的,点击保存回复后会回到上一个页面,此时上一个页面会显示出你新回复的内容 回复页面的controller的相关代码: $scope.save = function () { Replies.giveAReply($scope.reply); //保存回复 $ionicHistory.goBack(); //返回上一页

js返回上一页并刷新的多种方法

js返回上一页并刷新的几种方法.参考链接:http://www.jbxue.com/article/11230.html <a href="javascript:history.go(-1)">返回上一页</a><a href="javascript:location.reload()">刷新当前页面</a><a href="javascript:" onclick="history

返回上一页代码区别:

window.history.go(-1);  //返回上一页 window.history.back();  //返回上一页 replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和"后退"来访问已经被替换的URL. 语法: location.replace(URL) 在 实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go

返回上一页等简单语法

js: <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:history.go(-2)">返回上二页</a> <a href="javascript:location.reload()">重载页面,本地刷新</a> <a href="javascript:history.go(-

js实现返回上一页功能

大家在做 "返回上一页" 这个功能的时候 都是用history.go(-1);来实现的 但这段代码只是简单的使用浏览器的后退功能 从浏览器缓存中取出页面来显示 但我们绝大部分情况都需要上一页重新去服务器请求页面 而不是使用浏览器缓存 比如我们从 a查询页面   跳转到   b修改页面 做修改操作  当b修改完毕以后需要跳转回a显示修改后的数据   要做到这个效果必须让a重新去数据库取新的数据 history.go(-1);是告诉浏览器:后退到上一页(后退功能都是用缓存)而我们的需求是