Iframe과 해당 상위 사이트 간의 도메인 간 통신을 활성화하려면 어떻게 해야 합니까?

사이트 간 통신: 도메인 간 Iframe과 상위 사이트 연결

iframe 작업 시 도메인 간 통신이 어려울 수 있습니다. iframe의 도메인이 상위 사이트와 다르면 이들 사이의 직접 액세스나 메소드 호출이 불가능해집니다.

이러한 장애물을 극복하기 위해 문서 간 메시징이 솔루션을 제공합니다.

상위 사이트 Iframe으로:

상위 창에서 iframe의 콘텐츠에 메시지를 보냅니다. window:

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

iframe 내에서 메시지 이벤트를 수신합니다.

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

Iframe에서 상위 사이트로:

iframe에서 , 최상위 상위 창에 메시지를 보냅니다:

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

부모 내에서 창에서 메시지 이벤트를 수신합니다.

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

postMessage()의 '*'를 사용하면 메시지가 모든 수신 창에 브로드캐스트될 수 있다는 점을 기억하세요. 문서 간 메시징을 사용하면 다른 도메인에서도 iframe과 해당 상위 사이트 간의 통신을 설정할 수 있습니다.

위 내용은 Iframe과 해당 상위 사이트 간의 도메인 간 통신을 활성화하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!