HTML로 문서 간 메시지를 보내는 방법은 무엇입니까?

새 iframe 또는 새 창을 만들어 새 웹 브라우징 컨텍스트를 만듭니다. postMessage()와 함께 사용하여 데이터를 보낼 수 있으며 두 개의 인수가 있습니다. 그들은 다음과 같습니다

• 메시지 − 보낼 메시지
• targetOrigin − 원산지 이름

iframe에서 버튼으로 메시지를 보내는 예를 살펴보겠습니다.

var iframe = document.querySelector('iframe');
var button = document.querySelector('button');

var clickHandler = function(){
   iframe.contentWindow.postMessage('The message to send.','https://www.tutorialspoint.com);
}
button.addEventListener('click',clickHandler,false);