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 相关文章推荐
ajax更新数据后,jquery、jq失效问题
Mar 16 Javascript
Three.js源码阅读笔记(光照部分)
Dec 27 Javascript
js类式继承的具体实现方法
Dec 31 Javascript
node.js中的fs.realpath方法使用说明
Dec 16 Javascript
JavaScript时间转换处理函数
Apr 14 Javascript
每天一篇javascript学习小结(Function对象)
Nov 16 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
Feb 02 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
JS简单获取当前年月日星期的方法示例
Feb 07 Javascript
webpack入门+react环境配置
Feb 08 Javascript
Vue项目中最新用到的一些实用小技巧
Nov 06 Javascript
this.$toast() 了解一下?
Apr 18 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
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
用js的document.write输出的广告无阻塞加载的方法
2014/06/05 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
js中DOM三级列表(代码分享)
2017/03/20 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
2018/10/17 NodeJs
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
JS实现指定区域的全屏显示功能示例
2019/04/25 Javascript
JavaScript如何获取一个元素的样式信息
2019/07/29 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
python迭代器实例简析
2014/09/25 Python
python提示No module named images的解决方法
2014/09/29 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
python事件驱动event实现详解
2018/11/21 Python
python中selenium库的基本使用详解
2020/07/31 Python
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
西部世纪.net笔试题面试题
2014/04/03 面试题
职业生涯规划设计步骤
2014/01/12 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
付款证明格式范文
2015/06/19 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS
Java数组详细介绍及相关工具类
2022/04/14 Java/Android