javascript - Javascript または Jquery の Iframe で外部サイトの URL を取得するとエラーが発生する

Question

alert(document.getElementById('external-site').contentWindow.location.href);

こんにちは、このコードはChromeで機能し、「未定義」と表示されますが、Mozilla Firefox ではエラーが表示されます。

エラー: プロパティ 'href' へのアクセスが拒否されました

Answer 1

別のドメインからページをロードしている iframe を参照している場合document.getElementById('external-site')、firefox でエラーが発生し、オブジェクトsame-origin policyにアクセスできませんwindow.location

MDNから:

同じオリジン ポリシーは、あるオリジンから読み込まれたドキュメントまたはスクリプトが、別のオリジンからドキュメントのプロパティを取得または設定することを防ぎます。このポリシーは、Netscape Navigator 2.0 までさかのぼります。

Answer 2

あなたがしたいのは、それが外部であるかどうかを「チェック」することだけなので、エラーをキャッチしてみませんか? FFとChromeで動作するようです。jsFiddleを参照してください。

try {
    alert(document.getElementById('external-site').contentWindow.location.href);
}
catch (err) {
    alert("undefined");
}