[자바스크립트] javascript 창닫기 누른 후 부모창에 작용하는 간단한 방법

웹사이트에 필요한 기능을 이것저것 구현하던 중 뭔가 팝업창을 띄우고 그 창을 닫을때 원래 있던 화면에 적용하고 싶다면

아래의 내용이 도움이 될 것입니다. 간단하지만, 알고 있느냐 모르느냐는 엄청난 차이가 있는 것 같아요.

실제 작업스케줄을 나타내는 달력에서 해당 현장명을 누르면 나오는 화면은 아래와 같습니다.

 

위의 화면에서 창닫기를 하면 변경한 내용이 스케줄표에 적용되서 나오게 만들고 싶어서....

코드는 아주 간단하네요. 실제 작성해서 사용한 코드입니다.

$(document).ready(function(){	

// 윈도우 닫기 버튼 클릭 (부모창 변경사항 적용)
window.addEventListener('unload',e => opener.location.reload() );

});

 

닫기 버튼을 누르면 창이 닫히고 부모창의 내용이 변경됩니다.

아주 좋네요~ 간단한 코드 한줄로 이렇게 멋진 프로그램을 구현하는 것은 행복입니다.