javascript前进、后退、刷新的实现

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_30587927

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量79

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sky-net/p/3535954.html

本文介绍了使用JavaScript进行网页导航的一些实用技巧，包括如何通过history对象实现前进、后退及刷新操作，并保持表单数据不丢失。此外，还提供了一个具体示例，展示了如何在不同按钮点击事件中调用这些方法。

go(-1): 返回上一页, 原页面表单中的内容会丢失; back(-1): 返回上一页, 原页表表单中的内容会保留.

后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">

history.back()是会上一页

i=1;
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);
　　　　　　　　break;
　　　　　　case "后 退":
　　　　　　　　oFrame.history.back(); 
　　　　　　　　break;
　　　　　　case "刷 新": 
　　　　　　　　oFrame.location.reload();
　　　　　　　　break;
　　　　} 
　　} 
}

转载于:https://www.cnblogs.com/sky-net/p/3535954.html