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】