javascript:history.go()和History.back()的區別及應用


為提高用戶體驗度,可能會使用到刷新 前進 后退等相關更能,本文將以此問題詳細介紹javascript:history.go()和History.back()的區別及應用,需要的朋友可以參考下 復制代碼 代碼如下:
<span style="font-size:18px;"><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()"> </span>



在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)
[html]
去指定的某頁
如果是history.go(0)那就是刷新這兩個屬於JS代碼,相當於IE的前進、后退功能。
具體的用處就要看什么時候需要這個就用上。比如用戶注冊時的驗證是后台驗證,不符合要求的時候就可以用這個,可以最大限度保證用戶少重復輸入數據。
例如:載入頁面:
<span style="font-size:18px;">[code]
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();
}
}
} </span>



打開一個jsp頁面,肯定是用客戶端腳本進行刷新了。
Javascript刷新頁面的幾種方法:
復制代碼 代碼如下:
<span style="font-size:18px;">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</span>



注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com