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 相关文章推荐
js实现一个省市区三级联动选择框代码分享
Mar 06 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
jQuery实现的导航条切换可显示隐藏
Oct 22 Javascript
Bootstarp风格的toggle效果分享
Feb 23 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
Aug 01 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
Dec 27 Javascript
jquery实现页面加载效果
Feb 21 Javascript
jQuery实现全选、反选和不选功能
Aug 16 jQuery
简单的vuex 的使用案例笔记
Apr 13 Javascript
基于Vue实现微信小程序的图文编辑器
Jul 25 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 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中将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串
2011/08/23 PHP
PHP实现合并discuz用户
2015/08/05 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
javascript面向对象入门基础详细介绍
2012/09/05 Javascript
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
图片动画横条广告带上下滚动的JS代码
2013/10/25 Javascript
jquery datepicker参数介绍和示例
2014/04/15 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
原生js实现轮播图
2017/02/27 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
vue.js父子组件通信动态绑定的实例
2018/09/28 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
python实现图片批量剪切示例
2014/03/25 Python
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
Python探索之ModelForm代码详解
2017/10/26 Python
python+django加载静态网页模板解析
2017/12/12 Python
python实现简单神经网络算法
2018/03/10 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
家得宝加拿大家装网上商店:The Home Depot加拿大
2016/08/27 全球购物
一家专门经营包包的英国网站:MyBag
2019/09/08 全球购物
咖啡厅创业计划书范本
2014/01/22 职场文书
八荣八耻演讲稿
2014/09/15 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
物流业务员岗位职责
2015/04/03 职场文书
可可西里观后感
2015/06/08 职场文书
担保书范文
2019/07/09 职场文书
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技