首頁 > web前端 > js教程 > 如何檢索嵌入框架的目前 URL?

如何檢索嵌入框架的目前 URL?

DDD
發布: 2024-10-20 12:26:29
原創
665 人瀏覽過

How to Retrieve the Current URL of an Embedded Frame?

擷取嵌入框架的目前 URL

在 Web 開發中,通常需要存取嵌入在 iframe 中的目前 URL網頁。然而,由於安全性限制,父視窗內的 JavaScript 執行被禁止存取 iframe 的 location 屬性。

儘管有此限制,仍然有方法在伺服器端取得 iframe 的 URL 或使用瀏覽器特定的控制項。

伺服器端方法

在伺服器上,可以攔截 iframe 發出的載入其內容的請求。透過檢查請求標頭,伺服器可以提取 iframe 的原始 URL。但是,這種方法需要存取伺服器日誌或攔截 HTTP 請求的能力。

特定於瀏覽器的控制

某些瀏覽器提供用於存取 URL 的特定控制項iframe 的。例如,在 Firefox 3 中,documentWindow.location.href 屬性可用於擷取與父視窗位於相同網域內的 iframe 的目前 URL。不過,並非所有瀏覽器都支援此方法。

範例

  • 在Firefox 3 中:

    const iframe = document.getElementById("myiframe");
    const url = iframe.documentWindow.location.href;
    alert(url);
    登入後複製
  • 在伺服器上:

在客戶端程式碼中:
const request = httpRequest.getRequest();
const url = request.getHeader("Referer");
登入後複製

重要的是請注意,這些方法可能無法在所有瀏覽器中得到普遍支持。實現此類功能時始終考慮相容性問題。
const iframe = document.createElement("iframe");
iframe.src = url;
document.body.appendChild(iframe);
登入後複製

以上是如何檢索嵌入框架的目前 URL?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板