부모창 자식창간에 통신(크로스 도메인도 가능)

2022. 4. 19. 10:40웹 프로그래밍/JavaScript

자식창

window.opener.postMessage({code:"parentcontrol"}, '*');

부모창

const receiveMessage = function(e){
	//메시지를 받았을 때 실행할 코드 
	if(e.data.code == "parentcontrol" && e.origin == "http://something.com"){
		location.reload();
	}
}

window.addEventListener("message", receiveMessage, false);
728x90

'웹 프로그래밍 > JavaScript' 카테고리의 다른 글

DOM 추가시, 이벤트 작동되게  (0) 2022.05.17
뒤로가기로 왔을 경우  (0) 2022.05.17
clone  (0) 2021.11.01
자주쓰는 사용자정의 함수 및 정규식  (0) 2021.08.26
스크롤  (0) 2021.08.26