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 相关文章推荐
event.srcElement 用法笔记e.target
Dec 18 Javascript
javascript中利用数组实现的循环队列代码
Jan 24 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
JavaScript 继承机制的实现(待续)
May 18 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
javascript创建cookie、读取cookie
Mar 31 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
jQuery实现弹幕效果
Feb 17 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
vue中导出Excel表格的实现代码
Oct 18 Javascript
jQuery实现图片下载代码
Jul 18 jQuery
vue 实现 rem 布局或vw 布局的方法
Nov 13 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提交表单失败后如何保留已经填写的信息
2014/06/20 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
2011/12/31 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
jquery 构造函数在表单提交过程中修改数据
2015/05/25 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
2017/01/05 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
详解element-ui中el-select的默认选择项问题
2019/08/02 Javascript
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
Python合并字符串的3种方法
2015/05/21 Python
详解Python中的动态属性和特性
2018/04/07 Python
python numpy存取文件的方式
2020/04/01 Python
Python for循环与getitem的关系详解
2020/01/02 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
Rag & Bone官网:瑞格布恩高级成衣
2018/04/19 全球购物
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
会计应届生的自荐信
2013/12/13 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
国庆节标语大全
2014/10/08 职场文书
2014年民警工作总结
2014/11/25 职场文书
php 防护xss,PHP的防御XSS注入的终极解决方案
2021/04/01 PHP
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python
vue如何清除浏览器历史栈
2022/05/25 Vue.js