javascript:history.go()和History.back()的區(qū)別及應(yīng)用
更新時(shí)間:2012年11月25日 13:00:01 作者:
為提高用戶體驗(yàn)度,可能會(huì)使用到刷新 前進(jìn) 后退等相關(guā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程序中,如為頁面按鈕寫返回上一頁代碼
復(fù)制代碼 代碼如下:
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
其中,history.go(-2),要寫為-2,因在按鈕事件觸發(fā)前,已刷新一次頁面,所以應(yīng)是-2。
復(fù)制代碼 代碼如下:
Response.Write("<script language=javascript>history.go(-2);</script>");
此處也要寫為“-2”。跟直接寫腳本的有所不同。history.back()是會(huì)上一頁
復(fù)制代碼 代碼如下:
i=1
history.go(i)
[html]
去指定的某頁
如果是history.go(0)那就是刷新這兩個(gè)屬于JS代碼,相當(dāng)于IE的前進(jìn)、后退功能。
具體的用處就要看什么時(shí)候需要這個(gè)就用上。比如用戶注冊時(shí)的驗(yàn)證是后臺(tái)驗(yàn)證,不符合要求的時(shí)候就可以用這個(gè),可以最大限度保證用戶少重復(fù)輸入數(shù)據(jù)。
例如:載入頁面:
[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();
}
}
}
打開一個(gè)jsp頁面,肯定是用客戶端腳本進(jìn)行刷新了。
Javascript刷新頁面的幾種方法:
復(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ì)的代碼示例,對我們學(xué)習(xí)Javascript有一定的幫助,需要的同學(xué)可以借鑒閱讀2023-06-06
javascript this指向相關(guān)問題及改變方法
這篇文章主要介紹了javascript this指向相關(guān)問題及改變方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
javascript實(shí)現(xiàn)漢字轉(zhuǎn)拼音代碼分享
這篇文章主要介紹了javascript實(shí)現(xiàn)漢字轉(zhuǎn)拼音代碼分享,非常的實(shí)用,從項(xiàng)目中分離出來的,這里分享給大家,有需要的小伙伴可以參考下。2015-04-04
javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦
這篇文章主要介紹了javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦的方法及示例代碼,非常實(shí)用,這里推薦給小伙伴們2014-12-12

