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

historygo()和Historyback()的区别及应用
分类： javascript
< input type=button value=刷新 onclick="windowlocationreload()" >
< input type=button value=前进 onclick="windowhistorygo(1)" >
< input type=button value=后退 onclick="windowhistorygo(-1)" >
< input type=button value=前进 onclick="windowhistoryforward()" >
< input type=button value=后退 onclick="windowhistoryback()" > 后退+刷新< input type=button value=后退 onclick="windowhistorygo(-1);windowlocationreload()" >
JSP 返回上一页的几种方法
1 < a href="javascript:historyback(-1)">返回上一页
2 < a href="javascript:;" onClick="javascript:historyback(-1);">返回上一页
3如果是用按钮做的话就是：
< input type="button" name="Submit" onclick="javascript:historyback(-1);" value="返回上一页">
4用做的话就是：
< a href="javascript :;" onClick="javascript :historyback(-1);">< img src="路径" border="0" title="返回上一页">< /a>
5< a href="javascript:historygo(-1);">向上一页< /a>, 返回两个页面: historygo(-2);
页面跳转:onclick="windowlocationhref='listphp'"
6用js实现页面自动返回到上一页
几秒钟后自动返回上一页代码:（加入两个head间，3000表示3秒）
< script type="text/javascript">setTimeout("historygo(-1)", 3000); < /script>
< SCRIPT language=javascript>
function go()
{ windowhistorygo(-1);}
setTimeout("go()",3000);
< /SCRIPT>
Javascript 返回上一页
1 Javascript 返回上一页 historygo(-1), 返回两个页面: historygo(-2);
2 historyback()
3 windowhistoryforward()返回下一页
4 windowhistorygo(返回第几页,也可以使用访问过的URL)
JavaScript:historygo() 的妙用
在Web开发中，会遇到从一页（父页）导向另一页（子页），并且要求“返回”父页的情况，在这里如果用ASPNET提供的ResponseRedirect()方法，往往不会达到理想的效果，例如：返回后，重新加载了页面，无法保存导向子页前的状态，等等，在这里我就介绍一下如何使用JavaScript中historygo()函数来实现返回功能并且保存住状态的方法。
这个函数用起来很简单，只要在页面上加一个html的input元素，例如：
< input type="button" value="返回">
然后再为这个元素添加onclick属性，如：
< input type="button" value="返回" onclick="historygo(-1);">
这样就能达到返回上一页的效果。但是，往往在实践中，并没有这么简单，当你在向服务器提交请求的时候，引起页面回发，你再用historygo(-1)这招就不灵啦，它在这里是返回你回发前的状态，go后面的参数，实际上就是标识你要返回你回发第前n次的状态，所以只要能记住回发了几次，就能用historygo(-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="historygo('< % =returnCount % >');" >
这下就完美了，管你在页面上怎么回发，只要一点这个按钮，肯定会返回到父业的。
注意：
1、如果在本页面上有ResponseRedirect()到本页或者类似的情况，那么就要将returnCount作为查询字符串传递一下了，因为这东西在页面失效时就over了。
2、本文仅对非Ajax的Web系统有作用，Ajax的还没仔细研究过
javascript:historygo(-1)返回上一页时,网页已过期
通常出现网页过期提示都是因为之前发生表单post，对于这种请求方式，浏览器会认为返回的显示内容与提交的数据有关，除非你再次提交数据，否则无法显示。而如果改用get方式提交数据，在IE中，会默认对同一url的get *** 作，返回的内容相同。
出现这种情况我想是因为你的ajsp是通过之前的post *** 作显示出来的吧，尝试改成get。如果在详单页面中存在对于数据的更改，在返回时最好不要使用history导航的方式，浏览器是不会去服务器端拿数据的，最好是将url带过来吧，用根据url控制浏览器跳转，get方式在最后记得加上随机时间戳，不然有可能出现数据不更新的情况。
解决办法：首先试试back()或go(-2)，若依然不行，则取消禁用页面缓存的限制
session_cache_limiter('private,must-revalidate');
作用:当session_cache_limiter('private')时，用处是让表单historygo(-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 >1、先配置nginx:

2、在路由中添加

注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。
3、在viteconfigts文件中添加

historygo(-1)仅仅是浏览器的功能,而与服务器端无关,也就是说,你的historygo(-1)方法不会回传给服务器端,而客户端还缓存着你,所以只会从浏览器历史记录里找到上一次访问的地址

说到hash和history的区别，最直观的就是在url中， hash带了#，history没有# ，它们两个是路由配置mode的两个选项。

前端路由的核心是在 改变视图的同时不会向后端发出请求 ，浏览器提供的这两种支持就是为了达到这一目的。

1hash------就是指url中#号以及后面的字符

①hash也称作锚点，其中的#和css里面的#是一个意义，它本身是用来做页面定位的，可以是对应的id元素显示在可视区域内。

②我们可以通过 windowlocationhash 获取hash值

③hash中有一个 hashchange 事件，当hash值发生变化时会触发这个事件，语法是： windowonhashchange=person  或者   <body onhashchange='person'> ,这个事件 会覆盖 现有的事件处理程序，如果在想要添加一个新的事件处理程序的前提下，还不会覆盖原有的事件处理程序，可以通过' addEventListener '

另外hashchange事件有两个属性：

④地址栏url中的#符号，比如：>