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对URL字符串进行编码/解码分析
Oct 25 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
Jan 27 Javascript
js 验证密码强弱的小例子
Mar 21 Javascript
javascript标签在页面中的位置探讨
Apr 11 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
jquery validation验证表单插件
Jan 07 Javascript
react中的ajax封装实例详解
Oct 17 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 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/05/15 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
php JWT在web端中的使用方法教程
2018/09/06 PHP
[原创]图片分页查看
2006/08/28 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
JavaScript DOM 添加事件
2009/02/14 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
javascript日期对象格式化为字符串的实现方法
2014/01/14 Javascript
JS实现div居中示例
2014/04/17 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
2017/12/05 jQuery
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
JS求Number类型数组中最大元素方法
2018/04/08 Javascript
vue2中引用及使用 better-scroll的方法详解
2018/11/15 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
Vue项目接入Paypal实现示例详解
2020/06/04 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
pyhton列表转换为数组的实例
2018/04/04 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
pycharm开发一个简单界面和通用mvc模板(操作方法图解)
2020/05/27 Python
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
HTML5实现签到 功能
2018/10/09 HTML / CSS
Laravel的加密解密与哈希实例讲解
2021/03/24 PHP
儿科主治医生个人求职信
2013/09/23 职场文书
电子专业求职信
2014/06/19 职场文书
重阳节标语大全
2014/10/07 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
2015年公司新年寄语
2014/12/08 职场文书
用Python将库打包发布到pypi
2021/04/13 Python
Oracle创建只读账号的详细步骤
2021/06/07 Oracle