postMessageを使ってクロスオリジンなiframeからデータを受け取る - Qiitaはじめに こんにちは。HRBrainでオウンドメディアやランディングページの開発を担当している渡邉です。 SalesforceなどのMAツール製のiframeフォームをウェブサイトに埋め込むことがあります。 この記事では、ウェブサイトとiframeが異なるドメインの場合に、iframeからウェブサイトにデータを受け渡す方法について解説しています。 ▼ HRBrainサービスサイトにおけるiframeフォームの事例 クロスオリジンでのiframe操作の制限 iframeとウェブサイトが異なるドメインに存在している場合、ウェブサイトからiframe内の要素に直接アクセスすることができません。 ウェブサイトのURL： example.com iframeのURL： example.net これは、「同一オリジンポリシー」により、セキュリティの観点から、オリジンが異なるページへのアクセスは制限を受
