iframe 内から親ページの要素にアクセスする方法 - jQuery 入門

HTML5 では iframe の機能強化が行なわれています。 例えばサンドボックス (sandbox) も実装され、スクリプトの実行権限やフォームサブミットの制御なども行なえるようになりました。 Android で言うところのフラグメント的に使え、再利用も簡単なので今後はより利用が進むものと思われます。 しかし、プログラミングを行なうにあたっては、少し注意が必要になります。 なぜなら、あるページ A 上の iframe 内にロードされた ページ B では、ドキュメントが異なるためです。 ページ A から B は、iframe 自体が A 上にあるのでアクセスは簡単ですが、特にページ B から A を参照するには少し工夫が必要です。 ここでは次のシナリオをどのように実装するのか説明します。 ページ iframe-test.html 内に iframe があります。その iframe の s