window.opener 알아보기

안녕하세요.

오늘은 window.opener에 대해서 알아보도록 하겠습니다.

샘플 코드는 여기에서 확인해주시기 바랍니다.

window.opener이란?

• 윈도우 A에서 window.open()을 통해 윈도우 B를 열었다면, window.opner를 통해 윈도우 B에서 윈도우 A를 제어할 수 있다.

Sample Code

// index.js (윈도우 A)
window.onload = () => {
    setEventHandler();
    main();    
}

function setEventHandler() {
    // 윈도우 B 열기 버튼
    document.getElementById("window-open-button").onclick = () => 
    {
        window.open("window-b.html", "_blank", 'width=425, height=550, resizable=0, scrollbars=no, status=0, titlebar=0, toolbar=0, left=435, top=250');
    }
}

function main() {
    console.log("called main");
}

function eventListener() {
    alert('called event listener');
}

// window-b.js (윈도우 B)
window.onload = () => {
    main();
}

function main() {
    console.log("called main");

    window.opener.window.eventListener();
}

참조

• https://github.com/leeduyoung/window-opener-sample
• https://developer.mozilla.org/ko/docs/Web/API/Window/opener

모두 즐거운 코딩하세요~