javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > javascript 后退 刷新

javascript中的后退和刷新实现方法

投稿:jingxian

下面小编就为大家带来一篇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()">

在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)去指定的某页

如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。

具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。

例如:载入页面:

  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();
     }
   }
}

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

以上就是小编为大家带来的javascript中的后退和刷新实现方法全部内容了,希望大家多多支持脚本之家~

您可能感兴趣的文章:
阅读全文