Javascript window.parent變量永不爲null

Question

如已知的，當使用多個iframe時，window.parent幫助人們獲得當前窗口的父窗口。 但是，應該有一個最外層的窗口，其父項爲空，我認爲。

我試圖parent.parent.parent.parent ...我想我可以得到根窗口，當我發現其中一個父項爲空。令人驚訝的是，無論我使用了多少父母，父變量都不會爲空。

我有一個條件如下。

WEBSITE1與域：csm.mysite.com

Website1-1與域：csmnew.mysite.com

Website1-1是WEBSITE1的iframe中（它們不在同一個域）

同時，在Website1-1，有許多IFRAME（他們是在同一個域）

我需要設置/獲取一個全局變量Website1-1，所以我用的是頂。這真的有幫助。

但是，當Website1-1在Website1中時，總是拋出錯誤，因爲top變量（在Website1-1中）引用到Website1，並且對於跨域策略無效。但我真正想要的是設置/獲得Website1-1的「頂級」變量。

然後我在想我是否可以使用parent.parent.parent ....來獲取Website1-1的最外層窗口，而不是使用top來讓我得到錯誤的窗口。

返回到主題，爲什麼parent.parent.parent ...始終爲空？

順便說一句，有沒有人有想法如何獲得「Website1-1」的最外層窗口？

非常感謝

Answer 1

window.parent，以防窗口沒有父，包含自我參照，這就是爲什麼它永遠不會爲空。

來源：https://msdn.microsoft.com/en-us/library/ms952669.aspx

要了解，你可以使用window.frameElement最外面的窗口。這工作你預計window.parent的工作方式：

更多細節在這裏：https://developer.mozilla.org/en-US/docs/Web/API/Window/frameElement