JS - 几种常用的窗口页面跳转方式

window对象拥有对Location , History , Navigator , Screen and Document 对象的引用属性。

【1】window.location.href

• 跳转到另外页面

    <script type="text/javascript">        window.onload=function(){            window.location.href="http://www.baidu.com";             -- 或者            location.href="http://www.baidu.com";            //typeof location.href = string            -- 或者            location="http://www.baidu.com";            //typeof location = object;            }    </script>

window对象为全局对象，可以不用显示声明就可以使用其属性或者方法。

Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。

它的 href 属性存放的是文档的完整 URL，其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象（或 Area 对象）的 URL 属性非常相似。
当一个 Location 对象被转换成字符串，href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。

---

【2】window.history.back(-1);

• 返回上个页面

window.history.back(-1); 

---

【3】window.navigate

• 跳转到另外页面

• 仅IE支持，谷歌，火狐不支持该方法。

    <script type="text/javascript">        window.onload=function(){            window.navigate("http://www.baidu.com");            }           </script>

---

【4】self.location

• 跳转到另外页面

    <script type="text/javascript">        window.onload=function(){            self.location='http://www.baidu.com';             //或window.self.location            }    </script>

---

【5】top.location

• 跳转到另外页面

    <script type="text/javascript">        window.onload=function(){            top.location='http://www.baidu.com';             //或window.top.location            }    </script>

同样针对当前页面，还有parent.location。

代码如下：

<script language="javascript" type="text/javascript">         window.onload = function(){            parent.location="http://www.baidu.com";        }    </script> 

---

【Tips1】：

window对象的self、parent、top 解析如下：

如上图，当前页面的几个对象皆为Window对象，即窗口对象。

【Tips】：

window.location ：    包含 href 属性，直接取值赋值时相当于 window.location.href。window.location.href： 当前页面完整 URL。

点击查看window对象窗口对象与属性
【http://blog.csdn.net/J080624/article/details/53896788】