JavaScript history.go()与history.back()的区别及页面刷新方法详解

 
<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#后端调用中的历史回退参数处理

在C# Web程序开发中，若需为页面按钮编写返回上一页的代码逻辑：

 
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");

此处需将参数设为-2。原因在于触发按钮事件前页面已自动刷新一次，因此历史记录需回退两步。

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

此处同样需指定为“-2”，其机制与直接嵌入脚本有所不同。history.back()方法的作用等同于返回上一页。

 
i=1
history.go(i)
[html]
用于跳转至指定的某页
若执行history.go(0)，则效果等同于刷新页面。上述方法均属于JS代码，功能对应IE浏览器的“前进”与“后退”按钮。
具体应用场景需根据实际需求而定。例如，在用户注册进行后台验证时，若不符合要求，可使用此功能返回，从而最大限度减少用户重复输入数据的工作量。
基于事件的对象导航与刷新逻辑以载入页面的场景为例：
[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();
} 
} 
} 

JavaScript刷新页面的多种实现方式

打开一个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