content/test/data/post_message.html

   1 <html>
   2
   3  <head><title>Post message tests</title>
   4  <script>
   5   // Send a message to our opener, and it will reply.
   6   function postToOpener(msg, origin) {
   7     window.opener.postMessage(msg, origin);
   8     return true;
   9   }
  10
  11   // Send a message to a window named "foo".
  12   function postToFoo(msg) {
  13     var w = window.open("", "foo");
  14     w.postMessage(msg, "*");
  15     return true;
  16   }
  17
  18   // Send a message to a subframe of window named "foo".
  19   function postToFooFrame(msg) {
  20     var w = window.open("", "foo");
  21     w.frames[0][0].postMessage(msg, "*");
  22     return true;
  23   }
  24
  25   // Listen to incoming messages.
  26   var receivedMessages = 0;
  27   var receivedMessagesWithPort = 0;
  28   window.addEventListener("message", messageReceived, false);
  29   function messageReceived(event) {
  30     receivedMessages++;
  31     if (event.data === "2-1-reply") {
  32       event.source.postMessage("msg4", "*");
  33     }
  34     if (event.ports.length > 0) {
  35       receivedMessagesWithPort++;
  36       var port = event.ports[0];
  37       port.start();
  38       port.postMessage("msg-back-via-port");
  39       // Change the title to generate a notification.
  40       document.title = event.data.message;
  41     } else {
  42       document.title = event.data;
  43     }
  44   }
  45  </script>
  46  </head>
  47
  48 </html>