JavaScript中的后退与刷新的实例详解-js教程-PHP中文网

JavaScript中的后退与刷新的实例详解

黄舟

发布： 2017-12-04 13:41:22

原创

2081人浏览过

不管是在我们学习javascript中还是我们日常开发中，后退与刷新的功能一直都是能遇到的，都是为了更好的用户体验，那么我们今天就给大家介绍下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()">

登录后复制

后退+刷新在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刷新页面的几种方法：

立即学习“Java免费学习笔记（深入）”；

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中的后退与刷新、相信大家对此也有了一定的了解，希望对你的工作有所帮助！

相关推荐：

浏览器页面后退，如何重新运行ajax

js禁止浏览器页面后退功能实例详解

实现js禁止Backspace键使浏览器后退

以上就是JavaScript中的后退与刷新的实例详解的详细内容，更多请关注php中文网其它相关文章！