一、window.top

top 屬性返回最頂層的先輩窗口。該屬性返回對一個頂級窗口的只讀引用。如果窗口本身就是一個頂級窗口，top 屬性存放對窗口自身的引用。如果窗口是一個框架，那么 top 屬性引用包含框架的頂層窗口。

二、window.self

self 屬性可返回對窗口自身的只讀引用。等價于 Window 屬性。

三、window.location

window.location（MDN）對象用于獲得當前頁面的地址 (URL)，并把瀏覽器重定向到新的頁面。

3.1 示例

window.location = https://blog.mazey.net/547.html; //網站將跳轉到后面的網址

3.2 屬性

  • location.hostname 返回 web 主機的域名
  • location.pathname 返回當前頁面的路徑和文件名
  • location.port 返回 web 主機的端口（80 或 443）
  • location.protocol 返回所使用的 web 協議（http:// 或 https://）

四、iframe示例

iframe 1

五、總結

若想頁面跳出 iframe 在里面加上下面這段代碼即可。

if(window.top !== window.self){ //若自身窗口不等于頂層窗口    window.top.location.href = window.self.location.href; //頂層窗口跳轉到自身窗口}

版權聲明

本博客所有的原創文章，作者皆保留版權。轉載必須包含本聲明，保持本文完整，并以超鏈接形式注明作者后除和本文原始地址：https://blog.mazey.net/547.html

（完）