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滑动门代码
Dec 19 Javascript
input的focus方法使用
Mar 13 Javascript
分享20款好玩的jQuery游戏
Apr 17 Javascript
js获取input标签的输入值实现代码
Aug 05 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
Mar 17 Javascript
jQuery实现广告条滚动效果
Aug 22 jQuery
JavaScript 中的 this 工作原理
Jun 20 Javascript
详解vue高级特性
Jun 09 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 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下把数组保存为文件格式的实例应用
2010/02/08 PHP
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
php网站地图生成类示例
2014/01/13 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
ThinkPHP里用U方法调用js文件实例
2015/06/18 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
javascript使用正则获取url上的某个参数
2014/09/04 Javascript
简介AngularJS中$http服务的用法
2016/02/06 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
什么是JavaScript注入攻击?
2016/09/14 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
Vue根据条件添加click事件的方式
2019/11/09 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
[09:31]2016国际邀请赛中国区预选赛Yao赛后采访 答题送礼
2016/06/27 DOTA
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
python适合做数据挖掘吗
2020/06/16 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
阿尔卡特(中国)的面试题目
2014/08/20 面试题
经典C++面试题一
2016/11/06 面试题
感恩老师演讲稿600字
2014/08/28 职场文书
2014大学生职业生涯规划书最新范文
2014/09/13 职场文书
人事任命通知书
2015/04/21 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python