<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程序中,如為頁面按鈕寫返回上一頁代碼
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
其中,history.go(-2),要寫為-2,因在按鈕事件觸發(fā)前,已刷新一次頁面,所以應(yīng)是-2。
Response.Write("<script language=javascript>history.go(-2);</script>");
此處也要寫為“-2”。跟直接寫腳本的有所不同。history.back()是會上一頁
i=1
history.go(i)去指定的某頁
如果是history.go(0)那就是刷新這兩個屬于JS代碼,相當(dāng)于IE的前進(jìn)、后退功能。
具體的用處就要看什么時候需要這個就用上。比如用戶注冊時的驗證是后臺驗證,不符合要求的時候就可以用這個,可以最大限度保證用戶少重復(fù)輸入數(shù)據(jù)。
例如:載入頁面:
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();
}
}
}
打開一個jsp頁面,肯定是用客戶端腳本進(jìn)行刷新了。
Javascript刷新頁面的幾種方法:
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
1、
<script language="JavaScript"> javascript:window.history.forward(1); </script>
利用JS產(chǎn)生一個“前進(jìn)”的動作,以抵消后退功能,這種方法應(yīng)該是最簡潔的,并且不需要考慮用戶連點(diǎn)兩次或多次“后退”的情況,缺點(diǎn)是當(dāng)用戶端禁用了JavaScript之后即失效。
2、
<A HREF="logout.do" onclick="javascript:location.replace(this.href); event.returnValue=false; "> Logout (Back Disabled) </A>
用location.replace從一個頁面轉(zhuǎn)到另一個頁面。這種方法的原理是,用新頁面的URL替換當(dāng)前的歷史紀(jì)錄,這樣瀏覽歷史記錄中就只有一個頁面,后退按鈕永遠(yuǎn)不會變?yōu)榭捎?。我想這可能正是許多人所尋求的方法,但這種方法仍舊不是任何情況下的最好方法。這種方法的缺點(diǎn)在于:簡單地運(yùn)用Response.Redirect將不再有效,這是因為每次用戶從一個頁面轉(zhuǎn)到另一個頁面,我們都必須用客戶端代碼清除location.history。另外還要注意,這種方法清除的是最后一個訪問歷史記錄,而不是全部的訪問記錄。
3、
當(dāng)鍵盤敲下后退鍵(Backspace)后
1、禁止瀏覽器自動后退
2、但不影響密碼、單行文本、多行文本輸入框等的回退操作
<script type="text/javascript"> //處理鍵盤事件 禁止后退鍵(Backspace)密碼或單行、多行文本框除外 function banBackSpace(e){ var ev = e || window.event;//獲取event對象 var obj = ev.target || ev.srcElement;//獲取事件源 var t = obj.type || obj.getAttribute('type');//獲取事件源類型 //獲取作為判斷條件的事件類型 var vReadOnly = obj.getAttribute('readonly'); var vEnabled = obj.getAttribute('enabled'); //處理null值情況 vReadOnly = (vReadOnly == null) ? false : vReadOnly; vEnabled = (vEnabled == null) ? true : vEnabled; //當(dāng)敲Backspace鍵時,事件源類型為密碼或單行、多行文本的, //并且readonly屬性為true或enabled屬性為false的,則退格鍵失效 var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") && (vReadOnly==true || vEnabled!=true))?true:false; //當(dāng)敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則退格鍵失效 var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ?true:false; //判斷 if(flag2){ return false; } if(flag1){ return false; } } //禁止后退鍵 作用于Firefox、Opera document.onkeypress=banBackSpace; //禁止后退鍵 作用于IE、Chrome document.onkeydown=banBackSpace; </script>
以上方法都是針對“后退”按鈕作出的反應(yīng),客戶端瀏覽器需要打開JavaScript代碼。
4、禁止緩存
<% response.setHeader("Cache-Control", "no-cache"); response.setHeader("Cache-Control", "no-store"); response.setDateHeader("Expires", 0); response.setHeader("Pragma", "no-cache"); %>
這種方法使用服務(wù)器端腳本,強(qiáng)制瀏覽器重新訪問服務(wù)器下載頁面,而不從緩存讀取,結(jié)合struts jsp頁面中的<logic>標(biāo)簽實現(xiàn)重新定向。
以上各種方法都有一定的局限
5、
<script language="JavaScript"> function logout(){ window.close(true); window.open("logout.do"); } </script> <button onClick="logout()">Logout</button>
這種方法比較偷懶,關(guān)掉瀏覽器再重新開,經(jīng)過我的測試在視覺上幾乎感覺不出來延時,同時又保證了后退按鈕不可用(新窗口瀏覽器后退按鈕為灰色),看起來似乎是個好方法,但缺點(diǎn)也比較明顯:
首先,關(guān)閉和重開的瀏覽器窗口大小可能不同,用戶可以明顯看出這一過程,并且在一定程度上影響操作。
其次,同上,這是一個JavaScript方法。
如對本文有疑問,請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會為你解答!! 點(diǎn)擊進(jìn)入論壇