다른 도메인의 Iframe이 PostMessage를 사용하여 어떻게 통신할 수 있나요?

Iframe과 상위 사이트 간의 도메인 간 통신

iframe이 상위 사이트와 다른 도메인에 있는 경우 방법을 통해 직접 통신 또는 콘텐츠 문서에 액세스할 수 없습니다. 이러한 경우 해결책은 문서 간 메시징에 있습니다.

상위-Iframe 통신

상위 창에서:

myIframe.contentWindow.postMessage('hello', '*');

In iframe:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

iframe을 상위로 통신

상위 창에서:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

iframe에서:

window.top.postMessage('hello', '*')

postMessage() 함수의 별표(*)를 기억하세요. 와일드카드를 나타내며 모든 출처에서 메시지를 수신할 수 있습니다.

위 내용은 다른 도메인의 Iframe이 PostMessage를 사용하여 어떻게 통신할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!