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下4个跨浏览器必备的函数
Mar 07 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
javascript执行环境及作用域详解
May 05 Javascript
js小数计算小数点后显示多位小数的实现方法
May 30 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
Sep 17 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
Sep 20 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
为输入框加入数字js校验代码分享
Nov 02 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
Angular 多模块项目构建过程
Feb 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
PHP中文汉字验证码
2007/04/08 PHP
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
通过修改配置真正解决php文件上传大小限制问题(nginx+php)
2015/09/23 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
js实现数组去重方法及效率?Ρ? target=
2017/02/14 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
angular使用md5,CryptoJS des加密的方法
2019/06/03 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
微信小程序地图实现展示线路
2020/07/29 Javascript
[01:44]Ti10举办地公布
2019/08/25 DOTA
python 调用c语言函数的方法
2017/09/29 Python
python正则表达式re之compile函数解析
2017/10/25 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
pandas数值计算与排序方法
2018/04/12 Python
python爬取微信公众号文章的方法
2019/02/26 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
爱情检讨书大全
2014/01/21 职场文书
拓展训练激励口号
2014/06/17 职场文书
2014年班级工作总结
2014/11/14 职场文书
数学教师个人工作总结
2015/02/06 职场文书
签订劳动合同通知书
2015/04/16 职场文书
环保建议书作文300字
2015/09/14 职场文书
JS前端使用canvas实现物体的点选示例
2022/08/05 Javascript