ウィンドウ間、フレーム間、オブジェクト間でメッセージを送受信する仕組みです。下記の仕様書が公開されています。
下記の例では、JavaScript(test.js)を非同期に実行しています。test.js が postMessage で発行したメッセージを、呼び出し側が onmessage で受け取って画面に表示しています。
Google Chrome や Opera では、ローカルファイルでは動作しません。http: か https: で始まるURLでアクセスしてください。
<!DOCTYPE html>
<head>
<title>WebMessage TEST</title>
<script>
window.addEventListener("load", function() {
var worker = new Worker('test.js');
worker.onmessage = function(event) {
document.getElementById('result').innerHTML = event.data;
};
});
</script>
</head>
<body onload="init()">
<div id="result">
</div>
</body>
</html>
var count = 0;
setInterval(function() {
postMessage('hoge' + count++);
}, 1000);