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 调试器简介
Feb 21 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
快速学习JavaScript的6个思维技巧
Oct 13 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
Angular2安装angular-cli
May 21 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
Webpack的dll功能使用
Jun 28 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 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获取表单textarea数据中的换行问题
2010/09/10 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
PHP中使用GD库绘制折线图 折线统计图的绘制方法
2015/11/09 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
Javascript miscellanea -display data real time, using window.status
2007/01/09 Javascript
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
2015/05/06 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
JavaScript之filter_动力节点Java学院整理
2017/06/28 Javascript
讲解vue-router之什么是动态路由
2018/05/28 Javascript
vue 国际化 vue-i18n 双语言 语言包
2018/06/07 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
vant组件中 dialog的确认按钮的回调事件操作
2020/11/04 Javascript
原生js实现弹窗消息动画
2020/11/20 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
python实现学员管理系统
2019/02/26 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
利用python控制Autocad:pyautocad方式
2020/06/01 Python
2014年电教工作总结
2014/12/19 职场文书
讲座通知范文
2015/04/23 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
MySQL中连接查询和子查询的问题
2021/09/04 MySQL