首页 > Web开发 > 详细

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

时间:2014-01-29 14:04:05      阅读:404      评论:0      收藏:0      [点我收藏+]

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

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

i=1;
history.go(i);去指定的某页

如果是history.go(0),那就是刷新。

这两个属于JS代码,相当于IE的前进、后退功能。

具体的用处就要看什么时候需要这个就用上。

比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。 例如:载入页面:

bubuko.com,布布扣
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;     }   } }
bubuko.com,布布扣

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!