교차 도메인 HTML5 iframe 문제

postMessage 사용 서로 다른 도메인 간에 데이터를 전송하는 방법입니다.

예시

다음 코드 스니펫을 시도하여 도메인 간 HTML5 iframe 문제를 해결할 수 있습니다. −

// Using postMessage()
window.onmessage = function(e) {
   e.source.postMessage(document.body.innerHTML, e.origin);
};
window.onmessage = function(event) {
   alert(e.data);
};
// fire
document.getElementById('frame1').contentWindow.postMessage('','*');