參考：http://www.ibm.com/developerworks/cn/web/1301_jiangjj_html5message/html
Test 2 send to Test 1html5
Test 1:web
<iframe src="http://10.3.255.203:8080"></iframe>
<script>
function receiveMessage(e) {
alert(e.data);
}
window.addEventListener("message", receiveMessage, false);
</script>post
Test 2:spa
<input type="text" value="send" id="input" />
<input type="button" value="send" id="button" />
<script>
document.getElementById('button').onclick = function () {
top.postMessage(document.getElementById('input').value, '*');
};
</script>code
Test1 send to Test2htm
Test1ip
<iframe id="frame" src="test2.html"></iframe>get
<
input
type
=
"text"
value
=
"send"
id
=
"input"
/>
<
input
type
=
"button"
value
=
"send"
id
=
"button"
/>
<
script
>
document.getElementById('button').onclick = function () {
window.frames[0].postMessage(document.getElementById('input').value, '*');
};
</
script
>
<
script
>
function receiveMessage(e) {
alert(e.data);
}
window.addEventListener("message", receiveMessage, false);
</
script
>