Script js con método window.postMessage() que permite de forma segura la comunicación de origen cruzado entre Windowobjetos; por ejemplo, entre una página y una ventana emergente que generó, o entre una página y un iframe incrustado en ella.

README-comunicacion-de-origen-cruzado.md

README

Script js con método window.postMessage() que permite de forma segura la comunicación de origen cruzado entre Windowobjetos; por ejemplo, entre una página y una ventana emergente que generó, o entre una página y un iframe incrustado en ella.

Mecanismo esencial para poder cambiar o ajustar las propiedades de un iframe dentro de una página web.

De este modo se resuelve el siguiente problema:

Uncaught DOMException: Blocked a frame with origin from accessing a cross-origin frame.

iframe.html

<script type="text/javascript">
    parent.postMessage(JSON.stringify({
        event: 'resize',
        height: $(document).height()
    }), '*');
</script>

index.html

<iframe id="app" src="iframe.html" frameborder="0" scrolling="no" seamless="seamless" width="100%"></iframe>
<script type="text/javascript">
    window.addEventListener("message", receiveMessage, false);
    function receiveMessage(event) {
        if (event.origin !== 'iframe.html') {
            return;
        }
        var object = JSON.parse(event.data);
        if (object.event === 'resize') {
            $("#app").height(object.height);
        }
    };
</script>