[JavaScript] window.open

window.open()

open() 메서드는 새 브라우저 창 또는 새 탭을 여는 메서드이다.

 

문법

window.open(url, target, option);

 

• url

새창에 보여질 주소.

 

• target

새창의 속성 ( 기본값: "_blank" )

_self	현재 페이지에서 open
_blank	새창에서 open
_parent	부모 창에서 open
_top	최상위 페이지에서 open
name( 임의의 이름 )	새창으로 열린 창의 이름을 지정. 동일한 이름에 다시 open()을 하면 기존에 열린창의 내용이 바뀜

 

• option

width=px	새창의 너비
height=px	새창의 높이
top=px	top 위치 ( 음수X )
left=px	left 위치 ( 음수 X )
menubar=yes|no|1|0	메뉴바 사용여부
toolbar=yes|no|1|0	툴바 사용여부
location=yes|no|1|0	주소 표시줄 사용 여부
status=yes|no|1|0	상태 표시줄 사용 여부
scrollbars=yes|no|1|0	스크롤바 사용 여부
resizable=yes|no|1|0	창 조절 여부
fullscreen=yes|no|1|0	전체화면 여부

 

마치며

window.open() 메서드의 left option 값을 지정해도 left가 적용 안된다면 현재 연결된 모니터가 두대가 아닌지 확인해보자!

디스플레이를 2개 사용하는 경우 우측 모니터에서 웹 페이지를 열면 left값이 좌측 모니터의 left부터 인식되어서 새창이 겹쳐서 뜨게 된다! 덕분에 오늘은 open 메서드를 다시 되돌아보는 계기가 되었다.

 

 

 

참고문헌: MDN 웹 API 문서 / W3Schools 문서