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 相关文章推荐
分享几个超级震憾的图片特效
Jan 08 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 Javascript
jQuery实现动画效果的实例代码
May 07 Javascript
原生JS实现小小的音乐播放器
Oct 16 Javascript
微信小程序实现发红包功能
Jul 11 Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
深入了解响应式React Native Echarts组件
May 29 Javascript
Vue实现导航栏的显示开关控制
Nov 01 Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
vue实现拖拽交换位置
Apr 07 Vue.js
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
我的论坛源代码(九)
2006/10/09 PHP
php异常处理技术,顶级异常处理器
2012/06/13 PHP
PHP可逆加密/解密函数分享
2012/09/25 PHP
PHP漏洞全解(详细介绍)
2012/11/13 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
php ctype函数中文翻译和示例
2014/03/21 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
jQuery 方法大全方便学习参考
2010/02/25 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
JavaScript基础教程之alert弹出提示框实例
2014/10/16 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
js return返回多个值,通过对象的属性访问方法
2017/02/21 Javascript
ES6中class类用法实例浅析
2017/04/06 Javascript
jquery submit()不能提交表单的解决方法
2017/04/24 jQuery
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
王纯业的Python学习笔记 下载
2007/02/10 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
python使用递归的方式建立二叉树
2019/07/03 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
如何选择使用结构还是类
2014/05/30 面试题
2013年高中生自我评价
2013/10/23 职场文书
管理信息系学生的自我评价
2014/01/11 职场文书
社会学专业求职信
2014/07/17 职场文书
海弦WR-800F
2022/04/05 无线电
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript