JavaScriptを使用してクロスドメインのiframe要素にアクセスする

Question

HTMLページにiframeがあり、このiframeで開いたページからいくつかのコンテンツにアクセスしたいとします。このWebページのソースで

<table border="1" width="100%" height="100%"> 
    <tr> 
     <td id = "freebase_td"> 
     <iframe id = "freebase_frame" src="http://www.freebase.com/view/en/angelina_jolie" width="100%" height="400px"></iframe> 
     </td> 
    </tr> 
</table> 

、

<h1 id="page-title"> 
    Angelina Jolie 
    </h1> 

私はJavaScriptを使用して、ID "ページタイトル" で、H1タグ内のコンテンツにアクセスしたいです。それは可能でしょうか？

Answer 1

まず、browser's same-origin policyについて読んでください。これにより、ある原点のフレームまたはウィンドウまたはiframeからのjavascriptが、異なる原点の別のフレームのコンテンツまたはスクリプトにアクセスできなくなります。 iframeがスクリプトのページと同じ起源でない場合は、iframeのコンテンツに直接アクセスすることはできません。

最新のブラウザのいずれかを使用していて、両方のフレームを連携させるようにコーディングすると（つまり、両方のフレームでJavaScriptコードを制御する必要があります）、フレーム間で情報を渡すために使用できるwindow messagingという新機能があります異なる起源から。