從 iframe 更改父 url

Question

需要幫助解決一個簡單的問題！ 它具有以下標准：

1）點擊iframe中的圖片鏈接更改Parent頁面，點擊另一個iframe圖片鏈接將Parent更改為另一個頁面（見下文）。

這聽起來可能很簡單，但我已經在谷歌上搜索了好幾天並查看了許多論壇。 代碼可以是 html css 或 js，但請盡可能保持任何答案簡單，並發布一個完整的工作示例，因為我是編碼或重新編碼測試站點的新手： http : //www.howiepotter.com/parent。 html

Answer 1

http://reference.sitepoint.com/html/a/target

“_最佳”

加載頂級框架集中的內容（實際上是整個瀏覽器窗口），無論當前框架下有多少嵌套級別

<a href="page" target="_top">Replace parent url!</a>

Answer 2

從此更改您的鏈接：

<a href="link-here.html">

對此：

<a href="#" onclick="top.window.location.href='yourURL';">

如果需要，您可以將onclick處理程序放在圖像上並擺脫錨點。

請注意，這不是使用 javascript 的正確位置（處理程序應該從 .js 文件中綁定，而不是在標記中），但我感覺您正在尋找外科手術式的答案並且不太關心最佳實踐。

編輯：正如 Victor Nicollet 指出的那樣，如果您的 iframe 和父頁面不共享域，這將引發安全異常。 見http://en.wikipedia.org/wiki/Same_origin_policy

Answer 3

就我而言，我使用了以下內容

if (window.self !== window.top) { // checking if it is an iframe
  window.parent.location.href = websiteUrl;
} else {
  window.location.href = websiteUrl;
}

Answer 4

如果@biziclop 決定刪除他的答案，因為他似乎在評論中威脅要這樣做，那么他的答案再次非常有用：

http://reference.sitepoint.com/html/a/target

“_最佳”

加載頂級框架集中的內容（實際上是整個瀏覽器窗口），無論當前框架下有多少嵌套級別

<a href="page" target="_top">Replace parent url!</a>