postMessage 사용

2022. 10. 13. 13:44개발_기타

window open으로 팝업 호출후 부모창에 데이터 전달시 부모창 함수 호출대신 postMessage 함수를 사용하여 부모청에 데이터를 전달한다.

팝업창
var data = {
a : “1111”,
b : “2222” }

window.opener.postMessage(data, ‘http://www.site.com’);

부모창
window.addEventListener(“message”, 부모창_데이터 받을 함수명, false);

function 부모창_데이터 받을 함수명(event){
alert(event.data.a);
}