一、window.top

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

二、window.self

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

三、window.location

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

3.1 示例

window.location = https://blog.mazey.net/547.html; //網(wǎng)站將跳轉(zhuǎn)到后面的網(wǎng)址

3.2 屬性

  • location.hostname 返回 web 主機(jī)的域名
  • location.pathname 返回當(dāng)前頁面的路徑和文件名
  • location.port 返回 web 主機(jī)的端口(80 或 443)
  • location.protocol 返回所使用的 web 協(xié)議(http:// 或 https://)

四、iframe示例

iframe 1

五、總結(jié)

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

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

版權(quán)聲明

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

(完)