// 本窗口的設(shè)值代碼
localStorage.setItem('aaa', (Math.random()*10).toString())

// 其他窗口監(jiān)聽storage事件
window.addEventListener("storage", function (e) {
  console.log(e)
  console.log(e.newValue)
})

var ws = new WebSocket("ws://localhost:3000/")
ws.onopen = function (event) {
  // 或者把此方法注冊到其他事件中，即可與其他服務(wù)器通信
  ws.send({now : Date.now()}); // 通過服務(wù)器中轉(zhuǎn)消息
};
ws.onmessage = function (event) {
  // 消費消息
  console.log(event.data);
}

/*
 * A窗口的域名是<http://:8080>，以下是A窗口的script標(biāo)簽下的代碼：
 */

var popup = window.open(...popup details...);

// 如果彈出框沒有被阻止且加載完成

// 這行語句沒有發(fā)送信息出去，即使假設(shè)當(dāng)前頁面沒有改變location（因為targetOrigin設(shè)置不對）
popup.postMessage("The user is 'bob' and the password is 'secret'",
                  "https://secure.");

// 假設(shè)當(dāng)前頁面沒有改變location，這條語句會成功添加message到發(fā)送隊列中去（targetOrigin設(shè)置對了）
popup.postMessage("hello there!", "http://");

function receiveMessage(event)
{
  // 我們能相信信息的發(fā)送者嗎?  (也許這個發(fā)送者和我們最初打開的不是同一個頁面).
  if (event.origin !== "http://")
    return;

  // event.source 是我們通過window.open打開的彈出頁面 popup
  // event.data 是 popup發(fā)送給當(dāng)前頁面的消息 "hi there yourself!  the secret response is: rheeeeet!"
}
window.addEventListener("message", receiveMessage, false);


/*
 * 彈出頁 popup 域名是<http://>，以下是script標(biāo)簽中的代碼:
 */

//當(dāng)A頁面postMessage被調(diào)用后，這個function被addEventListenner調(diào)用
function receiveMessage(event)
{
  // 我們能信任信息來源嗎？
  if (event.origin !== "http://:8080")
    return;

  // event.source 就當(dāng)前彈出頁的來源頁面
  // event.data 是 "hello there!"

  // 假設(shè)你已經(jīng)驗證了所受到信息的origin (任何時候你都應(yīng)該這樣做), 一個很方便的方式就是把enent.source
  // 作為回信的對象，并且把event.origin作為targetOrigin
  event.source.postMessage("hi there yourself!  the secret response " +
                           "is: rheeeeet!",
                           event.origin);
}

window.addEventListener("message", receiveMessage, false);