js不能跳转到上一页面的问题解决方法


Posted in Javascript onMarch 01, 2013

问题描述:我们有两个页面A和B,当我们从A跳到B后不做作任何让页面回传的操作,用JS:history.go(-1)就可以回到A页面,但是比如我们有Click,Change事件等激发了页面的回传,此时用history.go(-1)就回不到A页面了。

解决的方法:我们要想办法记录到页面回传的次数N,然后用history.go(-n),就可以回到A页面。
在B页面中放一个控件记录其回传的次数,初始值为1

  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title></title> 
<script> 
function goto() { 
var n=document.getElementById("TextBox1").value; 
var n=Number(n); 
history.go(-n); 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /> 
<input id="Reset1" type="button" value="reset" onclick="goto()"/> 
<asp:TextBox ID="TextBox1" runat="server" ToolTip="放一个控件保存页面回传次数">1</asp:TextBox> 
</div> 
</form> 
</body> 
</html>

在B页面的CS代码如下:
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
this.TextBox1.Text = "1"; 
} 
else 
{ 
this.TextBox1.Text = Convert.ToString(Convert.ToInt16(this.TextBox1.Text) + 1); 
} 
}

这样子不管你从A到了B页面,在B页面中做了什么操作,页面回发了多少次,当你点击【返回】时,都可以跳回页面A了
源码下载
Javascript 相关文章推荐
js控制web打印(局部打印)方法整理
May 29 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
Javascript遍历table中的元素示例代码
Jul 08 Javascript
JavaScript队列、优先队列与循环队列
Nov 14 Javascript
JavaScript数组复制详解
Feb 02 Javascript
详解创建自定义的Angular Schematics
Jun 06 Javascript
Angular4 组件通讯方法大全(推荐)
Jul 12 Javascript
vue-cli3.0使用及部分配置详解
Aug 29 Javascript
从vue源码看props的用法
Jan 09 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 Javascript
详解 javascript对象创建模式
Oct 30 Javascript
token 机制和实现方式
Dec 15 Javascript
IE6下opacity与JQuery的奇妙结合
Mar 01 #Javascript
JQuery动画和停止动画实例代码
Mar 01 #Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 #Javascript
DWZ table的原生分页浅谈
Mar 01 #Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
Mar 01 #Javascript
循环 vs 递归浅谈
Feb 28 #Javascript
JavaScript对象创建及继承原理实例解剖
Feb 28 #Javascript
You might like
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
PHP实现提高SESSION响应速度的几种方法详解
2019/08/09 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
javascript中length属性的探索
2011/07/31 Javascript
JS清除IE浏览器缓存的方法
2013/07/26 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
web 屏蔽BackSpace键实例代码
2016/12/24 Javascript
Angular的$http与$location
2016/12/26 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
vue做网页开场视频的实例代码
2017/10/20 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
2018/02/03 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
详解javascript replace高级用法
2019/02/17 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
2020/03/06 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
用Python程序抓取网页的HTML信息的一个小实例
2015/05/02 Python
python类的继承实例详解
2017/03/30 Python
Python字典中的值为列表或字典的构造实例
2019/12/16 Python
使用Python发现隐藏的wifi
2020/03/04 Python
python中对二维列表中一维列表的调用方法
2020/06/07 Python
python遍历路径破解表单的示例
2020/11/21 Python
python 递归相关知识总结
2021/03/03 Python
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
如何让Java程序执行效率更高
2014/06/25 面试题
实习自我鉴定模板
2013/09/28 职场文书
留学自荐信写作方法
2014/01/27 职场文书
大学军训感言1000字
2014/02/25 职场文书
横幅标语大全
2014/06/17 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
单位接收证明格式
2015/06/18 职场文书
python中使用redis用法详解
2022/12/24 Redis