首頁 > web前端 > js教程 > JavaScript中的後退與刷新的實例詳解

JavaScript中的後退與刷新的實例詳解

黄舟
發布: 2017-12-04 13:41:22
原創
2047 人瀏覽過

不管是在我們學習JavaScript還是我們日常開發中,後退與刷新的功能一直都是能遇到的,都是為了更好的用戶體驗,那麼我們今天就給大家介紹下JavaScript中的後退與刷新的實例詳解!

<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()">
登入後複製

後退+刷新在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(&#39;Refresh&#39;)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
登入後複製

總結:

本文以實例向大家介紹了關於JavaScript中的後退與刷新、相信大家對此也有了一定的了解,希望對你的工作有所幫助!

相關推薦:

#瀏覽器頁面後退,如何重新執行ajax

js禁止瀏覽器頁面後退功能實例詳解

#實作js禁止Backspace鍵使瀏覽器後退

以上是JavaScript中的後退與刷新的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板