# Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

## Parent

Send messages to iframe using `iframeEl.contentWindow.postMessage`
Recieve messages using `window.addEventListener('message')`

## iframe

Send messages to parent window using `window.parent.postMessage`
Recieve messages using `window.addEventListener('message')`

## Live Example

[http://pbojinov.github.io/iframe-communication/](http://pbojinov.github.io/iframe-communication/)