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 相关文章推荐
ie 处理 gif动画 的onload 事件的一个 bug
Apr 12 Javascript
js 代码集(学习js的朋友可以看下)
Jul 22 Javascript
JS 实现导航栏悬停效果(续)
Sep 24 Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
纯JS实现旋转图片3D展示效果
Apr 12 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
详解webpack介绍&amp;安装&amp;常用命令
Jun 29 Javascript
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 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判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
js获取当前select 元素值的代码
2010/04/19 Javascript
ajax与302响应代码测试
2013/10/23 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
2015/07/09 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
Webpack+Vue如何导入Jquery和Jquery的第三方插件
2017/02/20 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
matplotlib 生成的图像中无法显示中文字符的解决方法
2020/06/10 Python
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
测绘工程个人的自我评价
2013/11/10 职场文书
模具毕业生推荐信
2014/02/15 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
关于成绩下滑的自我检讨书
2014/09/20 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python