jQueryでpostMessage()を使ってクロスドメインな親と子iframeの間で値を送受信する 今回は親と子iframeとの間で値を送受信しますが、別にiframeでなくても通信できます。IE8から使えるので、ほぼすべてのブラウザで使えると思います。JSで postMessage() を使ったサンプルは多くありますが、jQueryのサンプルはなかったので紹介します。jQueryの場合は若干違う箇所が出てくるので注意が必要です。 親から子iframeへ送信 クロスドメイン環境を想定するので、http://基準サイト.com直下にparent.html、http://外部サイト.com直下にiframe.htmlを作ります。 parent.html <!DOCTYPE html> <html lang="ja"> <head> </head> <body> button <script
![jQueryでpostMessage()を使ってクロスドメインな親と子iframeの間で値を送受信する | ITハット](https://cdn-ak-scissors.b.st-hatena.com/image/square/384e0ff518fa070d6d47690a7399f1a65d26f28b/height=288;version=1;width=512/http%3A%2F%2Fithat.me%2Fwp-content%2Fuploads%2F2016%2F11%2Fjquery-postmessage-cross-domain-parent-child-iframe-send-and-receive-value.png)