javascript:history.go()和History.back()的区别及应用


Posted in Javascript onNovember 25, 2012
<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) 
[html] 
去指定的某页 
如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。 
具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。 
例如:载入页面: 
[code] 
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 相关文章推荐
用JS写的一个TableView控件代码
Jan 23 Javascript
页面装载js及性能分析方法介绍
Mar 21 Javascript
js获取指定日期周数以及星期几的小例子
Jun 27 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
解析Javascript单例模式概念与实例
Dec 05 Javascript
jQuery自定义插件详解及实例代码
Dec 29 Javascript
bootstrap选项卡使用方法解析
Jan 11 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
js实现内置计时器
Dec 16 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 #Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 #Javascript
JavaScript mapreduce工作原理简析
Nov 25 #Javascript
jquery div 居中技巧应用介绍
Nov 24 #Javascript
js实现在文本框光标处添加字符的方法介绍
Nov 24 #Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 #Javascript
js 连接数据库如何操作数据库中的数据
Nov 23 #Javascript
You might like
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
封装了一个支持匿名函数的Javascript事件监听器
2014/06/05 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
2016/05/05 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
Angularjs---项目搭建图文教程
2016/07/08 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
JS调用打印机功能简单示例
2016/11/28 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
2019/07/05 Javascript
Vue快速实现通用表单验证的示例代码
2020/01/09 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
vue 自定义组件的写法与用法详解
2020/03/04 Javascript
vue实现分页的三种效果
2020/06/23 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
Windows下安装python MySQLdb遇到的问题及解决方法
2017/03/16 Python
Python探索之Metaclass初步了解
2017/10/28 Python
Python单元测试实例详解
2018/05/25 Python
详解Django中间件执行顺序
2018/07/16 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
美国羊皮公司:Overland
2018/01/15 全球购物
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
应届生幼儿园求职信
2013/11/12 职场文书
十八大感想感言
2014/02/10 职场文书
《手指教学》反思
2014/02/14 职场文书
新春联欢会主持词
2014/03/24 职场文书
清洁工工作总结
2015/08/11 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python