Iframe url跳轉方法

一、適用背景

1. 頁面A嵌入Iframe頁面B
2. Iframe頁面B跳轉到頁面C
3. 由於是在Iframe頁面B中跳轉到頁面C，所以頁面C是以Iframe形式顯示。
4. 我想要頁面C是以地址欄中是頁面C的url的形式顯示。
   如圖所示：
   不做任何處理，直接由頁面B跳轉到頁面C是這樣：
   
   但是，我想實現這樣的效果：
   

二、實現

1. iframe頁面B跳轉到頁面C之前先獲取父頁面的url，然後在父頁面打開頁面C。
2. 即頁面C是頁面A跳轉過去的，而不是在 iframe頁面B中跳轉過去的。

parent.location.href="/url" 在父頁面打開新頁面

三、window.location.href的用法

1.window.location.href=window.location.href; 刷新當前頁面，向指定的url提交數據
window.location.Reload()：刷新當前頁面。window.location.Reload()會提示是否提交

2.self.location.href="/url" 當前頁面打開URL頁面

location.href="/url" 當前頁面打開URL頁面
windows.location.href="/url" 當前頁面打開URL頁面，前面三個用法相同。
this.location.href="/url" 當前頁面打開URL頁面
parent.location.href="/url" 在父頁面打開新頁面
top.location.href="/url" 在頂層頁面打開新頁面

這部分是參考別的博主博客記錄下來的，忘記了博客鏈接，侵刪。