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)文章
這篇文章主要介紹了JS array數(shù)組檢測(cè)方式解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
帶你領(lǐng)略O(shè)bject.assign()方法的操作方式
這篇文章主要介紹了帶你領(lǐng)略O(shè)bject.assign()方法的操作方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
本篇文章主要給大家詳細(xì)分析了js的作用域、預(yù)解析機(jī)制以及相關(guān)代碼分析，對(duì)此感興趣的朋友學(xué)習(xí)下吧。2018-02-02
JS中的回調(diào)函數(shù)(callback)講解
回調(diào)函數(shù)是一段可執(zhí)行的代碼段，它作為一個(gè)參數(shù)傳遞給其他的代碼，其作用是在需要的時(shí)候方便調(diào)用這段（回調(diào)函數(shù)）代碼,這篇文章主要介紹了JS中的?回調(diào)函數(shù)（callback）,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了JS如何實(shí)現(xiàn)一個(gè)單文件組件，對(duì)單文件組件感興趣的同學(xué)，可以參考下2021-05-05
如何檢測(cè)JavaScript中的死循環(huán)示例詳解
這篇文章主要給大家介紹了關(guān)于如何檢測(cè)JavaScript中死循環(huán)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
下面小編就為大家?guī)?lái)一篇js中使用使用原型(prototype)定義方法的好處詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JavaScript對(duì)象封裝的簡(jiǎn)單實(shí)現(xiàn)方法(3種方法)
這篇文章主要介紹了JavaScript對(duì)象封裝的簡(jiǎn)單實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了3種簡(jiǎn)單實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-01-01
這篇文章主要介紹了typescript中聲明合并介紹，類(lèi)型合并表明編譯器將合并兩個(gè)分開(kāi)的并且名稱(chēng)相同的聲明，合并之后的聲明擁有兩個(gè)聲明的特點(diǎn)，任意數(shù)量的聲明可以被合并，不僅限兩個(gè)，更多相關(guān)內(nèi)容需要的朋友可以參考下面文章內(nèi)容2022-09-09
CodeReview常見(jiàn)的幾個(gè)問(wèn)題梳理解決示例
這篇文章主要為大家介紹了CodeReview常見(jiàn)的幾個(gè)問(wèn)題梳理解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12