前进回退

前进回退按钮

如何实现返回上一个页面，就像点击浏览器的返回按钮一般

• 作用于浏览器的页面跳转方法
• 不同的浏览器页面是否加载不同，有的是根据访问时间来判断是否重新加载页面的
• 如果用户禁用了浏览器的历史访问记录等某些属性，下面的方法会失效

  跳转至之前一个访问的页面

  function returnPreviousPage() 
  { 
      window.history.back();    
  }

其实主要原理是调用的window对象的history属性的back方法，同理，前进也是调全局window的方法。

跳转至之后访问的一个页面，在使用returnPreviousPage方法后可以使用该方法

function returnNextPage() 
{ 
    window.history.forward(); 
}

这里值得一提的是，在使用returnPreviousPage方法前，returnNextPage方法是无效的，当然，即使你调用了该方法也不会报错，只不过没有效果而已。为什么不生效？原因很简单，因为window对象不能判断你将来会进入那个页面，毕竟一个页面中会有很多超链接。当然，这种方法也不常用，知道就好。

特别注意
以上两种方法window可以省略不写。

在这里再补充两个小点。

1. location.href
   • 当需要跳转链接（页面）的时候，由于特殊原因必须在js里写的时候，可以用location.href=“地址”。

2. location.reload(true) 参数默认是true

   • 浏览器重新从服务器请求资源,在http请求头中不会包含缓存标记。 也就是刷新页面！

   • 这里再延伸一点东西

     • 例1，刷新当前页面

       window.location.reload();

     • 例2，JS实现刷新iframe的方法用iframe的name属性定位

               <input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()"> 
       或 
       <input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">

     • 例3，首先，定义一个iframe

       <iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>

       aa.htm页面的内容:

                   <input type ="button" value ="刷新" onclick ="aa()"/> 
       function aa() { （jquery中文网 www.jquerycn.cn 编辑整理）
       //parent.location.replace(parent.location.href);//服务器端重新创建页面 
       parent.document.location.reload();//相当于F5 
       //window.location.href(parent.location.href);//iframe内容重定向 
       }

注意：
window.location.reload;刷新时如果有提交数据的动作，则会出现对话框！

解决办法：

window.location.href=window.location.href; 
window.location.reload;

刷新父窗口：

window.opener.location.href=window.opener.location.href; 
window.opener.location.reload(); 

location网址
前进回退网址