js不能跳轉(zhuǎn)到上一頁(yè)面的問(wèn)題解決方法
更新時(shí)間：2013年03月01日 16:24:56 作者：
用JS：history.go(-1)就可以回到A頁(yè)面，如果使用Click,Change事件等激發(fā)了頁(yè)面的回傳，此時(shí)用history.go(-1)就回不到A頁(yè)面了，遇到此問(wèn)題的朋友們可以祥看本文
問(wèn)題描述：我們有兩個(gè)頁(yè)面A和B,當(dāng)我們從A跳到B后不做作任何讓頁(yè)面回傳的操作，用JS：history.go(-1)就可以回到A頁(yè)面，但是比如我們有Click,Change事件等激發(fā)了頁(yè)面的回傳，此時(shí)用history.go(-1)就回不到A頁(yè)面了。
解決的方法：我們要想辦法記錄到頁(yè)面回傳的次數(shù)N，然后用history.go(-n),就可以回到A頁(yè)面。
在B頁(yè)面中放一個(gè)控件記錄其回傳的次數(shù)，初始值為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="放一個(gè)控件保存頁(yè)面回傳次數(shù)">1</asp:TextBox>
</div>
</form>
</body>
</html>
在B頁(yè)面的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頁(yè)面，在B頁(yè)面中做了什么操作，頁(yè)面回發(fā)了多少次，當(dāng)你點(diǎn)擊【返回】時(shí)，都可以跳回頁(yè)面A了
源碼下載
解決的方法：我們要想辦法記錄到頁(yè)面回傳的次數(shù)N，然后用history.go(-n),就可以回到A頁(yè)面。
在B頁(yè)面中放一個(gè)控件記錄其回傳的次數(shù)，初始值為1
復(fù)制代碼 代碼如下:
<%@ 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="放一個(gè)控件保存頁(yè)面回傳次數(shù)">1</asp:TextBox>
</div>
</form>
</body>
</html>
在B頁(yè)面的CS代碼如下：
復(fù)制代碼 代碼如下:
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頁(yè)面，在B頁(yè)面中做了什么操作，頁(yè)面回發(fā)了多少次，當(dāng)你點(diǎn)擊【返回】時(shí)，都可以跳回頁(yè)面A了
源碼下載
相關(guān)文章
JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
js控件Kindeditor實(shí)現(xiàn)圖片自動(dòng)上傳功能
這篇文章主要為大家詳細(xì)介紹了js控件Kindeditor實(shí)現(xiàn)圖片自動(dòng)上傳功能的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
javascript實(shí)現(xiàn)Emrips反質(zhì)數(shù)枚舉的示例代碼
下面小編就為大家分享一篇javascript實(shí)現(xiàn)Emrips反質(zhì)數(shù)枚舉的示例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
我最開(kāi)始寫(xiě)過(guò)一個(gè)富交互的頁(yè)面，其中的JavaScript代碼包含了很多html標(biāo)簽2012-09-09
在JavaScript中，有時(shí)需要準(zhǔn)確知道一個(gè)變量的類型，顯然typeof函數(shù)不能滿足這個(gè)要求，這個(gè)函數(shù)在大多數(shù)情況下都返回object。2010-05-05
原生JavaScript實(shí)現(xiàn)異步多文件上傳
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)異步多文件上傳，感興趣的小伙伴們可以參考一下2015-12-12
原生JavaScript實(shí)現(xiàn)remove()和recover()功能示例
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)remove()和recover()功能,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)類似jQueryremove()和recover()功能的自定義函數(shù),需要的朋友可以參考下2018-07-07
本篇文章主要介紹了詳解Javascript獲取緩存和清除緩存API，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
JS實(shí)現(xiàn)CheckBox復(fù)選框全選全不選功能
在網(wǎng)站的管理后臺(tái)應(yīng)用此功能居多，如一次性處理多個(gè)產(chǎn)品，或?qū)ξ恼碌膭h除對(duì)產(chǎn)品的下架等處理，一條一條的點(diǎn)顯然有一些麻煩，如果能每一行放一個(gè)checkbox，然后統(tǒng)一處理就好辦的多了，今天我就用簡(jiǎn)單的篇幅來(lái)講解一下這個(gè)功能的實(shí)現(xiàn)原理和實(shí)現(xiàn)過(guò)程。2015-05-05
javascript 刪除數(shù)組元素和清空數(shù)組的簡(jiǎn)單方法
這篇文章主要介紹了javascript 刪除數(shù)組元素和清空數(shù)組的簡(jiǎn)單方法的相關(guān)資料,需要的朋友可以參考下2017-02-02