はてなブックマーク

iframeで別ドメインを呼び出して操作したい iframeでクロスオリジン対応をする必要があったのでメモ。 同じドメインでiframeを呼び出すことは問題ないが、異なるドメインをiframeで呼び出す場合、クロスオリジン対応をしないとiframe内部のHTMLにアクセスできない。 何が困るかって言うと「レスポンシブで高さが変わるから読み込み時のサイズに合わせてiframeの高さを中の要素に合わせたい」とかそういう時。 そういう時にはwindow.postMessageで子→親に情報を渡してやることで対応する。 子(iframe内のページ)