子ページから親ページ（別ドメイン）の iFrame の大きさを操作する | バシャログ。
近いうちに大型の台風が来ると聞いてソワソワしている kimoto です。ここ数年で最強とか言われると身構えちゃいますよね…。 さて、今回は tips です。 別ドメインのページを iFrame 内に表示した際に、想定よりページの縦幅が大きくて、iFrame にスクロールバーが出てしまう…。 最初の表示時に大きさ合わせたけど、iFrame 内でページ遷移すると中のページの大きさが変わっちゃうので下に空間ができたり逆にスクロールバーが出たり… みたいな事を回避するための tips をご紹介します。 postMessage を利用するので、古めのブラウザでは動かない可能性があるのでご注意をば。 postMessage による値の受け渡し 他のページへのメッセージの受け渡しは window.postMessage() を使います。書き方は以下。 window.postMessage("value"
hello! window.postMessage()
Twitter @Anywhereを学んでいると、もうそろそろクロスドメインのアクセスを正攻法でやって良い時代なんじゃないかと思ったのでwindow.postMessage()について書いておこうと思いまして。いや、普通に使い方のメモなんですが。 クロスドメインとは何かについては検索して調べてもらうとして。Ajaxで何かのWebサービスのAPIを触りたい時に良くこのクロスドメイン制約で利用出来ない事があります。その為サーバーサイドプログラミングに頼る事になりちょっと面倒くさい。気軽にマッシュアップしたい！と思っても出来なかった訳です。今までは。 そういう状況はやっぱり何とかしたいよね、と実装されたのがwindow.postMessage()。2010年？頃から所謂モダンブラウザには実装されていたのですが、昨今のモダンブラウザの普及率やモバイル機器でのウェブブラウザ利用増加で、気がつけばpo
Window.postMessage() - Web API | MDN
HTML DOM APIWindowインスタンスプロパティclosedconsolecookieStore (en-US) Experimental credentialless (en-US) Experimental customElementsdevicePixelRatiodocumentdocumentPictureInPicture (en-US) Experimental event 非推奨 external (en-US) 非推奨 fence (en-US) Experimental frameElementframesfullScreen Non-standard historyinnerHeightinnerWidthlaunchQueue (en-US) Experimental lengthlocalStoragelocationlocationbarmenubar
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
