JS实现前进后退刷新的各种方法

这里介绍了JS前进、后台、刷新的各种方法。也解释了很多前进后退函数出问题的原因。
下面是用按钮做前进后退的JS：

<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()"/>

其中，history.go(-2)，要写为-2，因在按钮事件触发前，已刷新一次页面，所以应是-2

Response.Write("<script language=javascript>history.go(-2);</script>");

此处也要写为“-2”。跟直接写脚本的有所不同。

history.back()是会上一页
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();
}}}

Javascript刷新页面的几种方法：

history.go(0)
location.reload()
location=location
location.assign(location)
document.execCommand('Refresh')
window.navigate(location)
location.replace(location)
document.URL=location.href

上面的方法都是我经过验证的，没有任何问题的，可以直接使用，特别要注意的是后退的时候history.go(-2)这里的数字一定要正确。

JS实现前进后退刷新的各种方法相关推荐

js实现刷新页面的方法
js 刷新当前页面的方法: reload() 方法; replace() 方法; 页面自动刷新; window.history.go(0) document.execCommand(''Refres ...
js刷新当前页面的方法
[ 转载自:https://www.cnblogs.com/12344321hh/p/8533359.html ] 一.手动刷新 reload reload 方法,该方法强迫浏览器刷新当前页面. 语法 ...
html5返回并刷新,js刷新页面的方法大全
1.reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当 ...
js刷新当前页面方法
js刷新当前页面 js刷新当前页面在写JS代码时,用到JS来刷新当前页面的方法有几种,比如最常用的reload(),location 等 reload 方法,该方法强迫浏览器刷新当前页面. 语法:l ...
js 刷新当前页面的方法 reload() , replace()的简单使用
本文为大家介绍三种 js 刷新当前页面的方法,我是在vue实例下写的: 添加定时器是为了直观看到刷新效果(每次刷新都会重置为0): reload() 方法; replace() 方法; 页面自动刷新; ...
jsp对弹出jsp传值和刷新网页后js仍然没有刷新的解决方法
jsp对弹出jsp传值和刷新网页后js仍然没有刷新的解决方法现在从A.jsp弹出B.jsp,B.jsp包含B.js: 要从B.js访问到A.jsp中的变量的值: 弹出JSP的代码为: $('#m ...
js刷新当前页的方法
今天遇到个只要get方式刷新的问题.. 网上找了一段,参考下... 以后记住了!! 下面以三个页面分别命名为frame.html.top.html.bottom.html为例来具体说明如何做. fra ...
js中ajax刷新页面,django+js+ajax实现刷新页面的方法
本文实例讲述了django+js+ajax实现刷新页面的方法.分享给大家供大家参考,具体如下: 在服务器开发的时候,为了方便将服务器对外开一个接口来操作,可以使用django制作网页,通过页面来操作服 ...
js 前进后退刷新
前进 <input type=button value=前进 οnclick="window.history.go(1)"> <input type=button ...

JS实现前进后退刷新的各种方法

JS实现前进后退刷新的各种方法相关推荐

最新文章

热门文章