■ 부모 기본 onload 설정
window.onload = function(){
window.addEventListener('message', function(e) {
console.log("parent message");
console.log(e.data);
console.log("e.origin : " +e.origin);
if(e.data.childData === ' test data'){
alert("iframe in data");
}
});
}
■ 부모에서 iframe 메세지 전송
var iframe = document.getElementById('child_iframe').contentWindow;
iframe.postMessage({parentData : 'test parent data'}, "*");
■ 자식 기본 onload 설정
window.onload = function(){
window.addEventListener('message', function(e) {
console.log("child message");
console.log(e.data);
console.log("e.origin : " +e.origin);
if(e.data.parentData === ' test parent data'){
alert("parent in data");
}
});
}
■ 자식 iframe 에서 부모창으로 메세지 전송
var iframe = document.getElementById('child_iframe').contentWindow;
iframe.postMessage({parentData : 'test parent data'}, "*");
window.parent.postMessage({childData : 'test data'}, "*");
'Dev Language > JAVASCRIPT' 카테고리의 다른 글
| 웹에서 앱 설치 여부를 확인하자 (0) | 2020.04.09 |
|---|---|
| Object 프로퍼티스 확인 (0) | 2019.02.28 |
| 달력 JQuery DatePicker (0) | 2016.04.27 |
| 정규식(혹은 정규표현식)에 대한 문서들 정리 (0) | 2016.03.25 |
| 정규표현식(Regular Expression)을 소개합니다 (0) | 2016.03.25 |