子ページから親ページ（別ドメイン）の iFrame の大きさを操作する | バシャログ。

近いうちに大型の台風が来ると聞いてソワソワしている kimoto です。ここ数年で最強とか言われると身構えちゃいますよね…。 さて、今回は tips です。 別ドメインのページを iFrame 内に表示した際に、想定よりページの縦幅が大きくて、iFrame にスクロールバーが出てしまう…。 最初の表示時に大きさ合わせたけど、iFrame 内でページ遷移すると中のページの大きさが変わっちゃうので下に空間ができたり逆にスクロールバーが出たり… みたいな事を回避するための tips をご紹介します。 postMessage を利用するので、古めのブラウザでは動かない可能性があるのでご注意をば。 postMessage による値の受け渡し 他のページへのメッセージの受け渡しは window.postMessage() を使います。書き方は以下。 window.postMessage("value"

[norip44]

別ドメインiframeの中と外で色々やらなきゃいけなくて、この記事に助けられました！！

[kyrie_leison]

postMessage でデータと宛先URLを指定すると、addEventListener で message イベントを受け取って処理できる

[otchy210]

JS で書かれたウィジェットを配るときとかに使えそうなテクニック。親側でウィジェットの JS 読みこんで、別ドメインの iframe を親に追加し、iframe とウィジェット JS で通信するような。

[site159]

postmessage　は使ってなかったなぁ