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实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
jQuery拖动图片删除示例
May 10 Javascript
js 页面元素的几个用法总结
Nov 18 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
javascript实现抽奖程序的简单实例
Jun 07 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
Sep 17 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
JavaScript中EventLoop介绍
Jan 22 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模拟服务器实现autoindex效果的方法
2015/03/10 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
syntaxhighlighter 使用方法
2007/07/02 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
angular ng-repeat数组中的数组实例
2017/02/18 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
jQuery Datatables表头不对齐的解决办法
2017/11/27 jQuery
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
Python iter()函数用法实例分析
2018/03/17 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
美国顶尖折扣时尚购物网:Bluefly
2016/08/28 全球购物
购买澳大利亚最好的服装和内衣在线:BONDS
2016/10/14 全球购物
.NET笔试题(20个问题)
2016/02/02 面试题
在浏览器端如何得到服务器端响应的XML数据
2012/11/24 面试题
毕业评语大全
2014/05/04 职场文书
医德医魂心得体会
2014/09/11 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
公务员个人年终总结
2015/02/12 职场文书
运动员代表致辞
2015/07/29 职场文书