【HTML】【JS】JS实现页面跳转方式汇总

1、window.location.href方式

         <script language="JavaScript" type="text/javascript">
		window.location.href="http://www.baidu.com/";
         </script>

2、window.navigate方式（Firefox不支持）

       <script language="javascript">
               window.navigate("top.jsp");
       </script> 

      注意：如果top.jsp中有IFrame，那么top.jsp会在iframe中打开。

3、window.location.replace方式

	<script language="javascript">
	    window.location.replace("http://www.baidu.com");

        </script>

         注意：replace与href有所不同，当使用replace时，如果需要返回前一个页面，使用window.history.go(-1)和window.history.back()则不能正确，而是返回系统最原始的页面（即初始默认的页面）。

        比如有三个页面（a.jsp,b.jsp,c.jsp)，系统默认的是a.jsp，当访问b.jsp后继续访问c.jsp，然后在c.jsp中调用这两个方法，则会返回a.jsp。

        使用href，则这两个方法的作用都是返回前一个页面。

4、self.location方式

   <script language="JavaScript">
          self.location='top.htm';
   </script>

5、top.location方式

   <script language="javascript">
          top.location='xx.jsp';
   </script>

6、history.back返回上一页面方式（不推荐使用）

    <script language="javascript">
          window.history.back(-1);
    </script>

7、页面自动刷新

	<meta http-equiv="refresh" content="20"> //其中20指每隔20秒刷新一次页面.

8、history.go方式

       <a href="javascript:history.go(-1)">返回上一步</a>

       go中的参数可以设置页数，也可以设置访问过的URL

9、request方式

     <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

10、window.open方式

        <a href="javascript:" onClick="window.open('http://www.baidu.com','','scrollbars=yes,status=yes')">打开新窗口</a>

       扩展：target即页面打开方式。

       _blank新窗口打开（默认情况）；

      _parent父窗口（上一层）打开；

      _top顶层窗口打开；

      _self当前窗口打开。

11、history.forward返回下一页方式

       window.history.forward()//返回下一页

如有其它未曾记录的方法，欢迎与我交流，感激不尽！