JAVASCRIPT/JQUERY/AJAX

[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

등록된 댓글이 없습니다.