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


Posted in Javascript onNovember 10, 2016
<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中的后退和刷新实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
Apr 20 Javascript
基于jquery的鼠标拖动效果代码
May 30 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
a标签click和href执行顺序探讨
Jun 23 Javascript
浅谈javascript的Touch事件
Sep 27 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
jQuery中判断对象是否存在的方法汇总
Feb 24 Javascript
js表单验证实例讲解
Mar 31 Javascript
jQuery移动端图片上传组件
Jun 12 Javascript
js创建数组的简单方法
Jul 27 Javascript
js中DOM事件绑定分析
Mar 18 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 #Javascript
js对字符串进行编码的方法总结(推荐)
Nov 10 #Javascript
EasyUI 结合JS导出Excel文件的实现方法
Nov 10 #Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
Nov 10 #Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 #Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 #Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 #Javascript
You might like
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
extjs fckeditor集成代码
2009/05/10 Javascript
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
[03:23:49]2016.12.17日完美“圣”典全回顾
2016/12/19 DOTA
tornado框架blog模块分析与使用
2013/11/21 Python
Python每天必学之bytes字节
2016/01/28 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
Tensorflow读取并输出已保存模型的权重数值方式
2020/01/04 Python
使用Python封装excel操作指南
2021/01/29 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
介绍一下linux的文件权限
2014/07/20 面试题
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
硕士研究生自我鉴定
2013/11/08 职场文书
手机业务员岗位职责
2013/12/13 职场文书
应届实习生的自我评价范文
2014/01/05 职场文书
小学安全教育材料
2014/02/17 职场文书
2014年班主任工作总结
2014/11/08 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
年会主持人开场白台词
2015/05/29 职场文书
董事长致辞
2015/07/29 职场文书
幼儿园保教工作总结2015
2015/10/15 职场文书
三好学生主要事迹怎么写
2015/11/03 职场文书
CSS实现多个元素在盒子内两端对齐效果
2021/03/30 HTML / CSS
MongoDB使用场景总结
2022/02/24 MongoDB