首頁  >  文章  >  web前端  >  javascript中的後退和刷新實作方法

javascript中的後退和刷新實作方法

高洛峰
高洛峰原創
2016-12-07 11:11:341099瀏覽

<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", "");

其中,history.go(-2),要寫為-2,因在按鈕事件觸發前,已刷新一次頁面,所以應是-2。

Response.Write("");

此處也要寫為「-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


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn