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 相关文章推荐
javawscript 三级菜单的实现原理
Jul 01 Javascript
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
jQuery中$.fn的用法示例介绍
Nov 05 Javascript
JavaScript获取table中某一列的值的方法
May 06 Javascript
Javascript 数组排序详解
Oct 22 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
Apr 12 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
vue组件的写法汇总
Apr 12 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 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
从手册去理解分析PHP session机制
2011/07/17 PHP
php缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
php中socket的用法详解
2014/10/24 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
Laravel框架实现redis集群的方法分析
2017/09/14 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
javascript 避免闭包引发的问题
2009/03/17 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
在vue中axios设置timeout超时的操作
2020/09/04 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python中函数默认值使用注意点详解
2016/06/01 Python
Python实现图片滑动式验证识别方法
2017/11/09 Python
Python基于dom操作xml数据的方法示例
2018/05/12 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
python中退出多层循环的方法
2018/11/27 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
工业设计专业推荐信
2013/10/29 职场文书
自我鉴定写作要点
2014/01/17 职场文书
安全协议书范本
2014/04/21 职场文书
森林防火标语
2014/06/23 职场文书