history.back(怎么实现history.back()返回后刷新历史页面)
在这个信息爆炸的时代,了解history.back和怎么实现history.back()返回后刷新历史页面的重要性不言而喻。本文将为您带来全面的解读,助您在这个领域中游刃有余。
怎么实现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却是可用的,可以返回到点击书签之前的页面。
window.location.replace:history.back不一定就不会刷新界面:当缓存不可用的时候,还是会刷新的。window.location.replace也不一定会刷新页面,当服务器"明确"告诉浏览器缓存还可以用的时候,浏览器一般不会再刷新页面。不过在一般情况下,使用window.location.replace替换history.back就能达到想要的效果。
所以大可使用window.location.replace(document.referrer)
history.back后它还执行下面的内容
这是肯定的,asp是服务器端执行的,服务器端将asp执行结束后的结果传送到客户端浏览器;而js脚本是客户端浏览器执行的,服务器端将"<script>alert('填写错误');history.back();</script>"传递到浏览器以后才执行。这个可以不太好理解,可以查询一下服务端执行的脚本和浏览器端执行的脚本的相关文章。如:http://wenku.baidu.com/view/b72f9b64783e0912a2162a03.html如果在改进的知,应该是:if... then response.write"<script>alert('填写错误');history.back();</script>" response.endend if也就是说在一定条件下,停止程序的执行。
如何在用javascript:history.back();返回后自动刷新
评论信息或评论表单在同一个页面中,但是alert发表成功后源码天空
,返回上一页时却无法自动刷新,只有按了刷新菜单后才能显示出来新发表的评论。
提交评论的代码如下:[code]response.write"<script language='javascript'"& chr(13)
response.write"alert('评论提交成功!');"& Chr(13)
response.write"window.document.location.href='javascript:onclick=history.go(-1)';"&Chr(13)
response.write"</script"& Chr(13)
Response.End[/code]解决方法:response.write"<script language='javascript'"& chr(13)
response.write"alert('评论提交成功!');"& Chr(13)
response.write"window.document.location.href='这里改成上一页的URL地址';"&Chr(13)
response.write"</script"& Chr(13)
Response.End
response.write"<script language='javascript'"& chr(13)
response.write"alert('评论提交成功!');"& Chr(13)
response.write"window.document.location.href='"&Request.ServerVariables("HTTP_REFERER")&"';"&Chr(13)
response.write"</script"& Chr(13)
Response.Endok!后退刷新代码:
[code]<%Response.Expires=-1
Response.cachecontrol="no-cache"%[/code]放到asp页的开头,再点后退,就会强制刷新..
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">
OK,关于history.back和怎么实现history.back()返回后刷新历史页面的内容到此结束了,希望对大家有所帮助。