Webページがiframeにあるかどうかを判斷するための簡(jiǎn)単な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にロードされている場(chǎng)合、window.selfはwindow.topに等しくありません。これは、単純なコードスニペットです：window.self window.top

javaScriptの

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

と

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

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

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

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

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

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

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

と

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

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

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

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

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

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

屬性または

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

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

メソッドにより、同じドメインからではない場(chǎng)合でも、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)頁(yè)在 iframe 內(nèi)
} else {
  // 網(wǎng)頁(yè)不在 iframe 內(nèi)
}

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

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

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