[JavaScript] 자바스크립로 새 윈도우 창 열기

2022. 6. 21. 01:28Program/JavaScript

100_자바스크립트로 새 윈도우 창 열기

[적용]

  • 현재 페이지를 그대로 둔 채로 새로운 윈도우 창을 열고 싶을 때 

[문법]

메소드 의미 반환
window.open(URL) 새로운 창 열기  새로운 창의 객체

[내용]

새로운 윈도우 창을 열기 위해서는 window.open()을 사용한다.

인수에 URL을 전달하며, 새로운 창이 기존 창보다 뒤에서 열리지 않도록 focus()를 사용해 액티브 처리를 지정한다.

focus()는 a 태그의 target="_blank" 속성과 비슷하다.

window.open()의 반환값 참조를 응용하여 페이지 간에 데이터를 주고 받는 작업도 가능하다.

 

const win = window.open('another.html');
win.focus();

 

 

 


 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김