Fall in IT.

window.opener 알아보기 본문

프로그래밍언어/Javascript & Typescript

window.opener 알아보기

D.Y 2018. 11. 29. 10:22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


안녕하세요.


오늘은 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();
}


참조



모두 즐거운 코딩하세요~

0 Comments
댓글쓰기 폼