DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中的後退和刷新實現方法
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()"> 後退+刷新<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

以上就是小編為大家帶來的javascript中的後退和刷新實現方法全部內容了,希望大家多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved