iframe에서 부모 창으로 변수를 전달하는 방법은 무엇입니까?

Question

데이터베이스를 변경하고 부모 창의 텍스트 상자를 업데이트해야하는 두 번째 탭의 대소 문자에 다른 iFrame이있는 TabContainer가 포함 된 colorbox 상위 페이지가 있습니다. 이 보안 위험을 제시하는 것처럼

Answer 1

불행하게도 직접 ​​iframe이의 경계를 넘어 상호 작용할 수 없습니다.

한 가지 해결 방법은 #anchor 값 또는 ?querystring을 포함하도록 iframe 내의 url을 변경 한 다음 부모로부터 iframe의 URL을 읽을 수 있습니다.

Answer 2

postMessage 시도해 보시기 바랍니다. 자바 스크립트 API이지만 브라우저 제한이 있습니다.

학부모 페이지에 이와 같은 메시지를 게시 할 수 있습니다.

var win = document.getElementById("iframe").contentWindow 

win.postMessage(
    "value", 
    "iframe-domain" 
); 

그리고 은 iframe 페이지이 같은 메시지를들을 수 있습니다.

<script> 
function listener(event){ 
    if (event.origin !== "[parent-page-domain]") 
    return; 

// operate with event.data 
} 

if (window.addEventListener){ 
    addEventListener("message", listener, false) 
} else { 
    attachEvent("onmessage", listener) 
} 
</script> 

SOURCE - http://javascript.info/tutorial/cross-window-messaging-with-postmessage