埋め込みフレームの現在の URL を取得するにはどうすればよいですか?

埋め込みフレームの現在の 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 中国語 Web サイトの他の関連記事を参照してください。