los window.postMessage() El método permite de forma segura la comunicación de origen cruzado entre Window objetos; p.ej, entre una página y una ventana emergente que generó, o entre una página y un iframe incrustado en ella.

Normalmente, los scripts de diferentes páginas pueden acceder entre sí si y solo si las páginas de las que se originan comparten el mismo protocolo, número de puerto y host (también conocido como “política del mismo origen“). window.postMessage() proporciona un mecanismo controlado para eludir de forma segura esta restricción (si se usa correctamente).

En términos generales, una ventana puede obtener una referencia a otra (p.ej, vía targetWindow = window.opener), y luego enviar un MessageEvent en eso con targetWindow.postMessage(). La ventana de recepción es libre de manejar este evento según sea necesario. Los argumentos pasados ​​a window.postMessage() (es decir, el “mensaje”) se exponen a la ventana de recepción a través del objeto de evento.

Sintaxis

targetWindow.postMessage(message, targetOrigin,[transfer]);
targetWindow
Una referencia a la ventana que recibirá el mensaje. Los métodos para obtener dicha referencia incluyen: