kylewelsby · October 10, 2016 23:20
diff --git a/index.html b/index.html
 <html>
 <head>
 <script>
  var count=0;
  function sendMessage() {
    window.parent.postMessage(
      JSON.stringify({"greeting": "hello world"}), // A stringified message to send.
      "*" // The intended origin, in this example we use the any origin wildcard.
    );
  }
  setInterval(function(){
    sendMessage(); // Send a message every second
  },1000);
  
  window.onmessage = function(e){
    if(e.origin === window.location.origin){
      return;
    }
    if(!e.data){
      throw new Error('Message event contains no readable data.');
    }
    console.log(e.data);
    var elm = document.createElement('li');
    elm.innerHTML = e.data;
    var out = document.getElementById('messages');
    out.appendChild(elm);
  }
 </script>
 </head>
 <body>
  <p>child window on different domain <a href="https://gist.github.com/kylewelsby/585b3a5395c6731acc50">GitHub Gist</a></p>
  <ol id="messages"></ol>
 </body>
 </html>
	<html>
	<head>
	<script>
	var count=0;
	function sendMessage() {
	window.parent.postMessage(
	JSON.stringify({"greeting": "hello world"}), // A stringified message to send.
	"*" // The intended origin, in this example we use the any origin wildcard.
	);
	}
	setInterval(function(){
	sendMessage(); // Send a message every second
	},1000);

	window.onmessage = function(e){
	if(e.origin === window.location.origin){
	return;
	}
	if(!e.data){
	throw new Error('Message event contains no readable data.');
	}
	console.log(e.data);
	var elm = document.createElement('li');
	elm.innerHTML = e.data;
	var out = document.getElementById('messages');
	out.appendChild(elm);
	}
	</script>
	</head>
	<body>
	<p>child window on different domain <a href="https://gist.github.com/kylewelsby/585b3a5395c6731acc50">GitHub Gist</a></p>
	<ol id="messages"></ol>
	</body>
	</html>