[javascript-jQuery] iframe사이트와 parent사이트간 메세지 전송 방법 (서로 도메인이 다른 경우)
최고관리자
2019.04.29 17:42
3,914
0
본문
iframe사이트와 parent사이트간 메세지 전송 방법 (서로 도메인이 다른 경우)
부모 (아이프레임 실행하는 페이지)
<script>
window.addEventListener('message', function(e) {
console.log(e.data); // { hello: 'parent' }
var item = localStorage.getItem('dummy');
console.log(item); // zerocho
document.getElementById('iframe').contentWindow.postMessage(item, '*'); // 아이프레임 사이트로 전송
// 두번째 인자 *는 아이프레임 url로 지정
});
</script>
자식 (아이프레임으로 불러오는 페이지)
<script>
window.onload = function() {
window.parent.postMessage({ hello: 'parent' }, '*');
// 두번째 인자 *는 부모 url로 지정
};
window.addEventListener('message', function(e) {
console.log(e.data); // zerocho
});
</script>
출처: https://www.zerocho.com/category/HTML&DOM/post/59e73a7669a8ed0019079d44
댓글목록 0