window.open 과 window.opener 차이 (chatGPT)

window.open

새로운 브라우저 창이나 탭을 생성하거나 외부 링크를 열 때 사용한다.

window.open(url, target, features, replace);

• url: 열릴 창에 표시할 URL이다.
• target(선택사항): 예를 들어, "blank"는 새 탭이나 창을 연다.
• features(선택사항): 새 창의 속성을 보호한다. 크기, 위치 등을 명명할 수 있다.
• replace(선택사항): 기존의 창을 반복할 수 있다.

window.opener

새로 열린 창과 그 창을 열게 한 원래 창 사이의 관계를 대리 속성이다.

window.open()을 통해 열린 창에서 window.opener를 통해 열린 창을 참조할 수 있다.

이를 통해 열린 창은 원래 창에 대한 참조를 보고, 이를 전달하거나 결합 작용할 수 있다.

window.opener.document.getElementById("myElement").innerHTML = "New content";

출처 | chatGPT