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 相关文章推荐
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
Jquery Change与bind事件代码
Sep 29 Javascript
javascript设计模式 接口介绍
Jul 24 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 Javascript
Bootstrap每天必学之滚动监听
Mar 16 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
使用Electron构建React+Webpack桌面应用的方法
Dec 15 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
Node.js系列之安装配置与基本使用(1)
Aug 30 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 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 图片加水印与上传图片加水印php类
2010/05/12 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
jQuery实现ajax回调函数带入参数的方法示例
2018/06/26 jQuery
vue实例中data使用return包裹的方法
2018/08/27 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
2020/06/01 Javascript
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
跟老齐学Python之集成开发环境(IDE)
2014/09/12 Python
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
django admin添加数据自动记录user到表中的实现方法
2018/01/05 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
h5调用摄像头的实现方法
2016/06/01 HTML / CSS
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
职工代表大会主持词
2014/04/01 职场文书
《长征》教学反思
2014/04/27 职场文书
数学教研活动总结
2014/07/02 职场文书
旷课检讨书500字
2014/10/14 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
父亲节活动总结
2015/02/12 职场文书
法制教育观后感
2015/06/17 职场文书
2015大一新生军训感言
2015/08/01 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js