Estoy tratando de comunicarme entre mi página y otro iframe que es otra página, que tengo,

En mi página de iframe, inserté este script en el encabezado

 if(typeof window !== 'undefined'){ window.addEventListener('message', event => { if (event.origin.startsWith('https://testpage.com/')) { document.querySelector('.home-title').classList.add('test'); event.source.postMessage('iframe', event.origin); } else { return; } }); }

y en mi página principal donde quiero comunicarme con mi iframe, tengo este código,

 <script> window.onload = function () { setTimeout(() => { const iframe = document.querySelector('iframe'); const iframeWindow = iframe.contentWindow; iframeWindow.postMessage("Hello there" , 'https://testIfame.com/'); alert('here alert pops-u'); }, 3000) window.addEventListener('message', function(event) { if (event.origin == 'https://testpage.com/'){ alert('asd'); } }, false); } </script>

La primera alerta funciona, aparece, pero nada más. Alguien me puede ayudar a resolver esto. Muchas gracias.