Tag Archives: クロスドキュメントメッセージング

(HTML5)クロスドキュメントメッセージングを使ってみる

クロスドキュメントメッセージングでiframeにメッセージを送信してみる

⇒サンプル
サンプルは同一ドメインだけど、別ドメインでもできた。
クロスドメインにならないのか。
PutするだけだからOKってことですか。

怖いですね、html5。

◇親ページのソース

<body>
<h3>クロスドキュメントメッセージングでiframeへメッセージを送信してみる</h3>
<div>
<input type="text" id="msg" />
<button type="button" value="submit" onclick="send()">送信</button> 
</div>

<br /><br />

<div>
  <iframe id="if" src="./iframe.htm"></iframe>
</div>

<script type="text/javascript">
function send(){
  var iframe = window.frames[0];
  var msg = document.getElementById("msg").value;
  iframe.postMessage(msg, "http://bee-bow-rock.fool.jp//home/samples/html5/iframe.htm")
}
</script>
</body>

◇子ページのソース

<head>
<script type="text/javascript">
    window.addEventListener("message", function(ev) {
        document.body.innerHTML = ev.origin + "からのメッセージを受信しました:<br>「<b>" + ev.data + "</b>」";
    }, false);
</script>
</head>
<body>

<h3>iframeです。</h3>

</body>