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

全栈程序员站长

发布于 2022-09-15 10:17:58

1.6K0

发布于 2022-09-15 10:17:58

大家好，又见面了，我是你们的朋友全栈君。

这里介绍了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)这里的数字一定要正确。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/164170.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除