javascript中的後退和重新整理

ndblog發表於2014-08-13

<input type=button value=重新整理 onclick=”window.location.reload()”>
<input type=button value=前進 onclick=”window.history.go(1)”>
<input type=button value=後退 onclick=”window.history.go(-1)”>
<input type=button value=前進 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,因在按鈕事件觸發前,已重新整理一次頁面,所以應是-2。

Response.Write(“<script language=javascript>history.go(-2);</script>”);

此處也要寫為“-2”。跟直接寫指令碼的有所不同。history.back()是會上一頁
i=1
history.go(i)去指定的某頁
如果是history.go(0)那就是重新整理這兩個屬於JS程式碼,相當於IE的前進、後退功能。
具體的用處就要看什麼時候需要這個就用上。比如使用者註冊時的驗證是後臺驗證,不符合要求的時候就可以用這個,可以最大限度保證使用者少重複輸入資料。
例如:載入頁面:
   function onLoadPage(){
     if(event.srcElement.tagName==”SPAN”){
         oFrame=top.window.middle.frames[2];
         oTxt=event.srcElement.innerText;
         switch(oTxt){
             case “前 進”:
                 oFrame.history.go(1);
             case “後 退”:
                 oFrame.history.back();
             case “刷 新”:
                 oFrame.location.reload();
         }
     }
}

開啟一個jsp頁面,肯定是用客戶端指令碼進行重新整理了。
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

作者:Tyler Ning

出處:http://www.cnblogs.com/tylerdonet/

本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段宣告,且在文章頁面明顯位置給出原文連線,如有問題,可以通過以下郵箱地址williamningdong@gmail.com
 聯絡我,非常感謝。


相關文章