window.history.back(window.history.back)

一、window.history 页面栈的回退问题

我们平时再跳转页面时，页面会被保存至页面栈里。每次回退或左滑回退时，会延页面栈依次返回。

那么问题来了，现有场景如下：

从 A页面==》 B页面==》 C页面，但从 C页面返回时，只能返回至 A页面。

即 B页面不记录到页面栈里，那么从 C页面返回时，就会直接返回至 A页面。

如何才能不把 B页面记录在页面栈里呢？

浏览器有个属性： history，里面包含了所有页面的记录栈，但不能修改，只能读取。

跳转页面

我们平时一般都用 window.location.href=' ;来跳转页面，这种方式会把当前页面 push到页面栈里。

其实还有一种方式 window.location.replace(' ;)，即把当前页面替换为新页面，其当前页面不会记录到页面栈里。

如在 B页面跳转至 C页面可写为： window.location.replace('页面C')

这时再返回时，会直接返回至 A页面。

但是，好像不能实现，这时浏览器的一个属性 history就起到作用了

再 history里有个方法： replaceState

替换当前浏览器的状态，语法为

history.replaceState(null,'','你想要替换的页面地址')

这俩结合就能实现不保存当前页面至页面栈了

如有更好的办法，欢迎小伙伴评论~~~

二、怎么实现history.back()返回后刷新历史页面

history.back都是从浏览器缓存读取数据。要刷新就考虑其他代码。

-------------------------------------------------------------------

可以考虑把history.back的步骤分隔，然后重新实现。

如果只通过js来完成，可以考虑以下代码：

//先获取上一个页面，然后再跳转到那个页面

//在绝大部分情况下的效果就是history.back()的刷新版本

window.location.replace(document.referrer)document.referrer:

document.referrer可以引用到上一个页面，这个属性是由浏览器支持的。在不同情况下值可能和history.back不一样，但是绝大部分情况下跟你想要的结果是一致的。

当用户是通过页面导航内部切换到新页面的（例如<a>标签，或者改变url的代码），document.referrer和history.back指向的页面都是上一个页面。

当用户是通过书签打开网页的，document.referrer是空的，history.back却是可用的，可以返回到点击书签之前的页面。

history.back不一定就不会刷新界面：当缓存不可用的时候，还是会刷新的。window.location.replace也不一定会刷新页面，当服务器"明确"告诉浏览器缓存还可以用的时候，浏览器一般不会再刷新页面。不过在一般情况下，使用window.location.replace替换history.back就能达到想要的效果。

所以大可使用window.location.replace(document.referrer)

三、history.go和History.back的区别及应用

history.go()和History.back()的区别及应用

分类： 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()">

JSP返回上一页的几种方法

1.< a rel="external nofollow" href="javascript:history.back(-1)">返回上一页

2.< a rel="external nofollow" rel="external nofollow" href="javascript:;" onClick="javascript:history.back(-1);">返回上一页

3.如果是用按钮做的话就是：

< input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页">

4.用图片做的话就是：

< a rel="external nofollow" rel="external nofollow" href="javascript:;" onClick="javascript:history.back(-1);">< img src="图片路径" border="0" title="返回上一页"></a>

5.< a rel="external nofollow" href="javascript:history.go(-1);">向上一页</a>,返回两个页面: history.go(-2);

页面跳转:onclick="window.location.href='list.php'"

6.用js实现页面自动返回到上一页

几秒钟后自动返回上一页代码:（加入两个head间，3000表示3秒）

< script type="text/javascript">setTimeout("history.go(-1)", 3000);</script>

< SCRIPT language=javascript>

function go()

{ window.history.go(-1);}

setTimeout("go()",3000);

</SCRIPT>

Javascript返回上一页

1. Javascript返回上一页 history.go(-1),返回两个页面: history.go(-2);

2. history.back().

3. window.history.forward()返回下一页

4. window.history.go(返回第几页,也可以使用访问过的URL)

JavaScript:history.go()的妙用

在Web开发中，会遇到从一页（父页）导向另一页（子页），并且要求“返回”父页的情况，在这里如果用ASP.NET提供的Response.Redirect()方法，往往不会达到理想的效果，例如：返回后，重新加载了页面，无法保存导向子页前的状态，等等，在这里我就介绍一下如何使用JavaScript中history.go()函数来实现返回功能并且保存住状态的方法。

这个函数用起来很简单，只要在页面上加一个html的input元素，例如：

< input type="button" value="返回">

然后再为这个元素添加onclick属性，如：

< input type="button" value="返回" onclick="history.go(-1);">

这样就能达到返回上一页的效果。但是，往往在实践中，并没有这么简单，当你在向服务器提交请求的时候，引起页面回发，你再用history.go(-1)这招就不灵啦，它在这里是返回你回发前的状态，go后面的参数，实际上就是标识你要返回你回发第前n次的状态，所以只要能记住回发了几次，就能用history.go(-n)准确地返回到父页了。

在Web开发中，全局变量也是存不住的，当页面回发后，全局变量的值就会丢失，取而代之的是视图状态，所以我们就只能用视图状态来记录回发的次数了。那么就封装一个视图状态属性把。

public int returnCount

{ get{ if(ViewState["returnCount"]== null)

ViewState["returnCount"]= 0;

return(int)ViewState["returnCount"];}

set{ ViewState["returnCount"]= value;}}

定义好这个后，把他放到Page_Load里面，让他每次在页面回发时减1，这样就能准确的记住回发了几次。

protected void Page_Load(object sender, EventArgs e)

{ returnCount--;//要放在!iIsPostBack之外，要不然就仅仅在页面第一次加载时执行一次，回发时就不执行了。

if(!IsPostBack)

{}}

吼吼，到这一步还没完呢，要把我们封装的属性加到Js里面。如下：

< input type="button" value="返回" onclick="history.go('<%=returnCount%>');">

这下就完美了，管你在页面上怎么回发，只要一点这个按钮，肯定会返回到父业的。

注意：

1、如果在本页面上有Response.Redirect()到本页或者类似的情况，那么就要将returnCount作为查询字符串传递一下了，因为这东西在页面失效时就over了。

2、本文仅对非Ajax的Web系统有作用，Ajax的还没仔细研究过

javascript:history.go(-1)返回上一页时,网页已过期

通常出现网页过期提示都是因为之前发生表单post，对于这种请求方式，浏览器会认为返回的显示内容与提交的数据有关，除非你再次提交数据，否则无法显示。而如果改用get方式提交数据，在IE中，会默认对同一url的get操作，返回的内容相同。

出现这种情况我想是因为你的a.jsp是通过之前的post操作显示出来的吧，尝试改成get。如果在详单页面中存在对于数据的更改，在返回时最好不要使用history导航的方式，浏览器是不会去服务器端拿数据的，最好是将url带过来吧，用根据url控制浏览器跳转，get方式在最后记得加上随机时间戳，不然有可能出现数据不更新的情况。

解决办法：首先试试back()或go(-2)，若依然不行，则取消禁用页面缓存的限制

session_cache_limiter('private,must-revalidate');

作用:当session_cache_limiter('private')时，用处是让表单history.go(-1)的时候，填写内容不丢失。

go(-2)后再forward(1).

为什么我在点击浏览器的后退按钮后，所有字段的信息都被清空了

答：这是由于你在你的表单提交页面中使用了 session_start函数。

因为我们后退浏览的是缓存页,而该函数会强制当前页面不被缓存。所以出现了’警告:网页已经过期!’.

这些信息,而我们不得不刷新下才能正确显示,对于一个程序人员来说有可能无所谓,但是对于一个internet网上的一个顾客来说,看到该页面,他有可能关闭该页面,而不会去查看这些信息!

还有一个原因就是当一个网站流量比较大的时候,缓存是我们程序人员最好的工具,如果失去了这把工具,那么你所在的虚拟服务器必将受到考验!

解决办法为，

1、不使用session_start()函数。

2、在你的 Session_start函数后加入 header("Cache-control: private");注意在本行之前你的PHP程序不能有任何输出。

还有基于session的解决方法，在session_start前加上

session_cache_limiter('nocache');//清空表单

session_cache_limiter('private');//不清空表单，只在session生效期间

session_cache_limiter('public');//不清空表单，如同没使用session一般

在开发过程中，往往因为表单出错而返回页面的时候填写的信息都不见了，为了支持页面回跳，可以通过两种方法实现。

第一，使用Header方法设置消息头Cache-control

引用:

header(’Cache-control: private, must-revalidate’);//支持页面回跳

第二，使用session_cache_limiter方法

session_cache_limiter('private, must-revalidate');//注意要写在session_start方法之前

< meta http-equiv="Cache-Control" CONTENT="private,must-revalidate">