iframe はどのような状況でクロスドメインになりますか?

iframe は、次の状況でクロスドメインになります: 1. ドメイン名が異なります。iframe のソース ドメイン名が親ページのドメイン名と異なる場合、クロスドメインの問題が発生します。 . プロトコルが異なります。iframe のプロトコルが親ページのドメイン名と異なる場合、親ページのプロトコルが異なる場合、クロスドメインの問題が発生します。3. ポート番号が異なる場合、 iframe のポート番号が親ページのポート番号と異なる場合、クロスドメインの問題が発生します; 4. サブドメイン名が異なる場合、iframe のサブドメイン名が異なる場合、親ページのサブドメイン名が異なる場合、クロスドメインの問題が発生します。ページは親ページのページとは異なります。

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

Web 開発において、iframe は、Web ページを別の Web ページ内に埋め込むために使用される HTML 要素です。ただし、セキュリティ上の理由により、ブラウザーは iframe へのクロスドメイン アクセスを制限する同一オリジン ポリシーを実装しています。

同一オリジン ポリシーはブラウザのセキュリティ メカニズムであり、Web ページが同じソースからのリソースのみと対話できること、つまりプロトコル、ドメイン名、ポート番号が完全に一致する必要があります。 2 つの Web ページのオリジンが異なる場合、それらの間の相互作用はクロスオリジンとみなされます。

次の状況では、iframe にクロスドメインの問題が発生します:

1. 異なるドメイン名: iframe のソース ドメイン名が親ページのドメイン名と異なる場合、クロスドメインの問題が発生します。たとえば、親ページのドメイン名は www.example.com で、iframe のソース ドメイン名は sub.example.com です。

2. 異なるプロトコル: iframe のプロトコルが親ページのプロトコルと異なる場合、クロスドメインの問題が発生します。たとえば、親ページは https プロトコルを使用しますが、iframe は http プロトコルを使用します。

3. 異なるポート番号: iframe のポート番号が親ページのポート番号と異なる場合、クロスドメインの問題が発生します。たとえば、親ページの URL は www.example.com:8080 で、iframe の URL は www.example.com:3000 です。

4. 異なるサブドメイン名: iframe のサブドメイン名が親ページのサブドメイン名と異なる場合、クロスドメインの問題が発生します。たとえば、親ページのドメイン名は www.example.com で、iframe のドメイン名は sub.example.com です。

クロスドメインの問題を解決するには、次の方法を使用できます:

1. プロキシ サーバーを使用する: サーバー側でプロキシを設定することで、クロスドメイン リクエストがターゲットサーバーに転送され、応答がクライアントに返されます。

2. JSONP: JSONP (パディング付き JSON) テクノロジを使用して、<script> タグを動的に作成することでクロスドメイン リクエストをターゲット サーバーに送信し、応答をコールバック関数にカプセル化してサーバーに返します。クライアント。 。 </script>

3. CORS (Cross-Origin Resource Sharing): サーバー側で応答ヘッダーを設定し、指定されたドメイン名がリソースにアクセスできるようにします。クロスドメインのリソース共有は、サーバー側で Access-Control-Allow-Origin ヘッダーを設定することで実現できます。

要約すると、iframe のソースが親ページのソースと異なる場合、クロスドメインの問題が発生します。クロスドメインの問題を解決するには、プロキシ サーバー、JSONP、CORS などの方法を使用できます。

以上がiframe はどのような状況でクロスドメインになりますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。