javascript - JavaScript を使用して IFrame ソースを抽出する

Question

シンプルな HTML/PHP Web ページとその中に 1 つの IFrame があります。IFrame には、外部 Web サイトへのリンクが含まれています。

IFrame 内に現在表示されている Web ページの正確な URL を抽出する JavaScript が必要です (外部サイトのベース URL だけではありません)。これはどのように行うことができますか？

Answer 1

iframe の URL にアクセスする方法は、src 属性を確認することです。

console.log(iframe.src);
// will print http://example.com

ただし、ユーザーが iframe 内の別のページに移動すると、親ウィンドウは src プロパティに元の URL を表示します。

Answer 2

を使用.contents()して、iFrame のコンテンツを取得できます。そのページにも例があります。

次の行は、iFrameの現在のURL を示します。イニシャルではありませんが、これを呼び出したときに表示されるものは何でも:

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

注: これは、ページが同じドメインにある場合にのみ機能します。