jQueryウィンドウがiframeにあるかどうかを確認します

Webページがiframeにあるかどうかを判断するための簡単なJavaScriptコード

以下は、ウィンドウがiframeにあるかどうかを確認するための単純なJavaScriptコードスニペットです。ページのアドレスバーにURLを使用する可能性のある一部の機能に役立ちます。コードは次のとおりです

var isInIframe = (window.location != window.parent.location) ? true : false;

関連する読み取り：

注入されたiframe href

のソースを取得します iframeをリロードする方法
• JQueryとIframes（faq）

についての

faqs jQueryを使用して、Webページがiframeにロードされているかどうかを確認する方法は？

jQueryを使用して、Webページがiframeにロードされているかどうかを確認するには、

および

プロパティを使用できます。 Webページがiframeにロードされている場合、window.selfはwindow.topに等しくありません。これは、単純なコードスニペットです：window.self window.top

javaScriptの

if (window.self !== window.top) {
  // 网页在 iframe 内
} else {
  // 网页不在 iframe 内
}

と

の違いは何ですか？ window.self JavaScriptでは、window.top

は現在のウィンドウを参照し、

はウィンドウ階層のトップレベルのウィンドウを指します。 Webページがブラウザに直接読み込まれている場合、window.selfおよびwindow.topは同じになります。ただし、Webページがiframe内にロードされている場合、window.selfはiframeウィンドウを参照し、window.topはメインブラウザーウィンドウを参照します。 window.self window.topjQueryを使用して、IFrame内でコンテンツを操作できますか？

はい、jQueryを使用して、IFrame内のコンテンツを操作できます。ただし、同じオリジンポリシーのため、これはiframeと親文書が同じドメインからのものである場合にのみ行うことができます。 iframe内のボディタグのHTMLを変更する方法の例は次のとおりです。

jQueryなしで純粋なjavaScriptを使用してiframesを検出する方法は？

$("#myIframe").contents().find("body").html("Hello, World!");

純粋なJavaScriptを使用して、jQueryメソッドと同様の

と

を比較することでIframesを検出できます。この方法は次のとおりです

window.self相同ポリシーとは何ですか？また、IFRAMEにどのように影響しますか？ window.top

同じオリジンポリシーは、スクリプトが相互に対話するのを防ぐWebブラウザーに実装されたセキュリティ機能です。このポリシーは、親文書のスクリプトがiFrame内のコンテンツにアクセスまたは操作することを防ぐため、iframeに影響します（同じドメインからではない場合）。

if (window.self !== window.top) {
  // 网页在 iframe 内
} else {
  // 网页不在 iframe 内
}

異なるドメインからのIFRAMEにアクセスするために、同じオリジンポリシーをバイパスできますか？

相同ポリシーのバイパスは、通常、セキュリティ上の理由から推奨されません。ただし、親ドキュメントとIFRAMEコンテンツを制御すると、

属性または

メソッドを使用して、2つの間で通信できます。

document.domainメソッドを使用して、iframeと親のドキュメント間で通信する方法は？ postMessage

メソッドにより、同じドメインからではない場合でも、Windows間にデータを送信できます。使用方法の例は次のとおりです。

var isInIframe = (window.location != window.parent.location) ? true : false;

すべてのブラウザでjQueryを使用して、Webページがiframe内にロードされているかどうかを検出できますか？

はい、Chrome、Firefox、Safari、Edgeなど、すべての最新のブラウザでwindow.selfとwindow.topを比較する方法は機能します。

jQueryを使用してWebページをiframeにロードできますか？

はい、jQueryのattrメソッドを使用して、iframeのsrcプロパティを設定して、iframeにWebページをロードすることができます。例は次のとおりです

if (window.self !== window.top) {
  // 网页在 iframe 内
} else {
  // 网页不在 iframe 内
}

jqueryを使用して、そのコンテンツに従ってiframeをサイズ変更できますか？

はい、jqueryを使用して、そのコンテンツに応じてiframeをサイズ変更できます。ただし、同じオリジンポリシーのため、これはiframeと親文書が同じドメインからのものである場合にのみ行うことができます。例は次のとおりです

以上がjQueryウィンドウがiframeにあるかどうかを確認しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。