makgithub/iframe.html

## iframe.html
<!DOCTYPE html>
<html>
<head>
	<title>My Iframe</title>
</head>
<body>

<button>Button</button>
<div id="childdiv"> </div>

<script type="text/javascript">
  //To Recive the parent frame message
	document.querySelector('button').onclick = function () {

		parent.postMessage("myevent", "*")
	};


</script>

</body>
</html>

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
    </head>
    <body>

        <iframe src="iframe.html" id="iframe" width="300" height="300"></iframe>

        <script type="text/javascript">

            var eventMethod = window.addEventListener
                    ? "addEventListener"
                    : "attachEvent";
            var eventer = window[eventMethod];

            var messageEvent = eventMethod === "attachEvent"
                    ? "onmessage"
                    : "message";

            eventer(messageEvent, function (e) {
                alert('Message from iframe just came!');
                console.log(e);
            });

            //send message to child window

            window.onload = function () {
                document.getElementById("iframe").contentWindow.postMessage(
                        'test message',
                        "*"
                        );
            };


        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>My Iframe</title>
	</head>
	<body>

	<button>Button</button>
	<div id="childdiv"> </div>

	<script type="text/javascript">
	//To Recive the parent frame message
	document.querySelector('button').onclick = function () {

	parent.postMessage("myevent", "*")
	};



	</script>

	</body>
	</html>