首頁  >  文章  >  web前端  >  如何使用 JavaScript 從 iFrame 重新導向父視窗?

如何使用 JavaScript 從 iFrame 重新導向父視窗?

DDD
DDD原創
2024-10-26 18:11:30750瀏覽

How can I redirect the parent window from an iFrame using JavaScript?

從iFrame 重定向父視窗

如果父視窗中嵌入了iFrame,則可能需要重定向父視窗的位置變更為新的URL。為了實現這一點,JavaScript 提供了一個簡單的解決方案。

使用JavaScript 重新導向父視窗

在iFrame 的JavaScript 程式碼中,您可以使用下列方法:

  • 重定向最頂層父IFrame:

    <code class="javascript">window.top.location.href = "http://www.example.com";</code>
  • 重定向父IFrame:

    <code class="javascript">window.parent.location.href = "http://www.example.com";</code>
這些程式碼片段將指示對應的父iFrame(最頂層或直接)重新導向到指定的URL。

範例 HTML帶有超鏈接的 IFrame

<code class="html"><iframe src="iframe.html"></iframe>

<a href="#" onclick="window.parent.location.href = 'http://www.example.com'">Click Here to Redirect Parent IFrame</a></code>
透過點擊 iFrame 內的超鏈接,父視窗將重定向到指定的 URL。

以上是如何使用 JavaScript 從 iFrame 重新導向父視窗?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn