javascript:history.go()和History.back()的區(qū)別及應(yīng)用
更新時(shí)間:2012年11月25日 13:00:01 作者:
為提高用戶(hù)體驗(yàn)度,可能會(huì)使用到刷新 前進(jìn) 后退等相關(guān)更能,本文將以此問(wèn)題詳細(xì)介紹javascript:history.go()和History.back()的區(qū)別及應(yīng)用,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前進(jìn) onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前進(jìn) onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()"> 后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">
在C# Web程序中,如為頁(yè)面按鈕寫(xiě)返回上一頁(yè)代碼
復(fù)制代碼 代碼如下:
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
其中,history.go(-2),要寫(xiě)為-2,因在按鈕事件觸發(fā)前,已刷新一次頁(yè)面,所以應(yīng)是-2。
復(fù)制代碼 代碼如下:
Response.Write("<script language=javascript>history.go(-2);</script>");
此處也要寫(xiě)為“-2”。跟直接寫(xiě)腳本的有所不同。history.back()是會(huì)上一頁(yè)
復(fù)制代碼 代碼如下:
i=1
history.go(i)
[html]
去指定的某頁(yè)
如果是history.go(0)那就是刷新這兩個(gè)屬于JS代碼,相當(dāng)于IE的前進(jìn)、后退功能。
具體的用處就要看什么時(shí)候需要這個(gè)就用上。比如用戶(hù)注冊(cè)時(shí)的驗(yàn)證是后臺(tái)驗(yàn)證,不符合要求的時(shí)候就可以用這個(gè),可以最大限度保證用戶(hù)少重復(fù)輸入數(shù)據(jù)。
例如:載入頁(yè)面:
[code]
function onLoadPage(){
if(event.srcElement.tagName=="SPAN"){
oFrame=top.window.middle.frames[2];
oTxt=event.srcElement.innerText;
switch(oTxt){
case "前 進(jìn)":
oFrame.history.go(1);
case "后 退":
oFrame.history.back();
case "刷 新":
oFrame.location.reload();
}
}
}
打開(kāi)一個(gè)jsp頁(yè)面,肯定是用客戶(hù)端腳本進(jìn)行刷新了。
Javascript刷新頁(yè)面的幾種方法:
復(fù)制代碼 代碼如下:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
相關(guān)文章
一文詳解Javascript內(nèi)存機(jī)制與垃圾回收
這篇文章主要給大家詳細(xì)介紹了Javascript的內(nèi)存機(jī)制與垃圾回收,文中又詳細(xì)的代碼示例,對(duì)我們學(xué)習(xí)Javascript有一定的幫助,需要的同學(xué)可以借鑒閱讀2023-06-06javascript this指向相關(guān)問(wèn)題及改變方法
這篇文章主要介紹了javascript this指向相關(guān)問(wèn)題及改變方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11微信小程序音頻錄制波紋循環(huán)動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了微信小程序音頻錄制波紋循環(huán)動(dòng)畫(huà),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06javascript實(shí)現(xiàn)漢字轉(zhuǎn)拼音代碼分享
這篇文章主要介紹了javascript實(shí)現(xiàn)漢字轉(zhuǎn)拼音代碼分享,非常的實(shí)用,從項(xiàng)目中分離出來(lái)的,這里分享給大家,有需要的小伙伴可以參考下。2015-04-04javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦
這篇文章主要介紹了javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦的方法及示例代碼,非常實(shí)用,這里推薦給小伙伴們2014-12-12JavaScript 對(duì)象成員的可見(jiàn)性說(shuō)明
與java等基于類(lèi)的面向?qū)ο笳Z(yǔ)言的private、protected、public等關(guān)鍵字的用途類(lèi)似,基于對(duì)象的JavaScript語(yǔ)言,在對(duì)象構(gòu)造上也存在類(lèi)似的成員可見(jiàn)性問(wèn)題。2009-10-10JS彈出對(duì)話(huà)框返回值代碼(asp.net后臺(tái))
JS彈出對(duì)話(huà)框返回值代碼,需要的朋友可以參考下。2010-12-12原生JS實(shí)現(xiàn)彈幕效果的簡(jiǎn)單操作指南
這篇文章主要給大家介紹了關(guān)于原生JS實(shí)現(xiàn)彈幕效果的簡(jiǎn)單操作指南,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11