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

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

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

関連する読み取り：

注入されたiframe href

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

についての

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

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

および

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

javaScriptの

if (window.self !== window.top) {
  // 網(wǎng)頁在 iframe 內(nèi)
} else {
  // 網(wǎng)頁不在 iframe 內(nèi)
}

と

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

は現(xiàn)在のウィンドウを參照し、

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

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

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

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

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

と

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

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

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

if (window.self !== window.top) {
  // 網(wǎng)頁在 iframe 內(nèi)
} else {
  // 網(wǎng)頁不在 iframe 內(nèi)
}

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

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

屬性または

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

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

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

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

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

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

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

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

if (window.self !== window.top) {
  // 網(wǎng)頁在 iframe 內(nèi)
} else {
  // 網(wǎng)頁不在 iframe 內(nèi)
}

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

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

以上がjQueryウィンドウがiframeにあるかどうかを確認(rèn)しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。