IFRAME から URL を取得するにはどうすればよいですか?

IFRAME から現在の URL を取得する

IFRAME 内で外部ソースからコンテンツを表示する場合、その URL にアクセスすることが望ましい場合があります。表示されたページ。ただし、セキュリティ制限のため、このアクセスは特定の状況下でのみ可能です。

クロスオリジン セキュリティ制限

セキュリティ上の理由により、次の IFRAME から URL を取得します。 JavaScript にはクロスドメイン制限が適用されます。具体的には、IFRAME と参照元の JavaScript が同じドメインでホストされている場合にのみ URL を取得できます。

ドメインが一致する場合の URL へのアクセス

シナリオ内IFRAME のコンテンツと参照する JavaScript が同じドメインから提供される場合、現在の URL を取得するのは次のとおりです。簡単:

document.getElementById("iframe_id").contentWindow.location.href

「iframe_id」を特定の IFRAME の識別子に置き換えます。

クロスドメインの制限

ただし、ドメインがIFRAME と親ページが異なる (クロスドメイン)、クロスサイト スクリプティング (XSS) セキュリティ対策により防止される直接の URL 取得。これは、外部ドメインから URL 情報への無制限のアクセスを許可すると、セキュリティ リスクが生じるためです。

代替ソリューション

ドメインが一致せず、直接 URL を取得できない場合、代替ソリューションを検討してください:

• 親ドメインから提供される子ドメイン: IFRAME コンテンツをホストする親ドメインのサブドメイン上で、URL へのアクセスを許可します。
• Ajax 通信: Ajax 技術を使用して親ページと子ドメイン間の直接接続を確立し、URL をリモートで取得します。
• クロスオリジン リソース共有 (CORS): CORS を使用すると、サーバーはクロスオリジン リクエストを明示的に許可し、特定の環境で URL にアクセスできるようになります。条件。

以上がIFRAME から URL を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。