window.open 시 위치지정을 할 수 있나요?

Question

자바스크립트로 팝업창을 호출할 때 window.open 을 써서 창을 띄우 던데.. 창크기는 지정가능한 것 같은데 창이 뜨는 위치도 지정을 할 수 있을까요? 화면에 중앙에 위치를 하게 하고 싶은데 방법이 있나요?

Answer 1

window.open('url', 'popid', 'left=100, top=100, width=800, height=600, menubar=no');  
팝업 호출 할때는 위와 같이 사용하고 3번째 문자열에 아래와 같은 옵션을 기술합니다. 창의 위치는 left, top 옵션으로 조정하시면 가능합니다.

left=100 : 왼쪽에서 오른쪽으로 100만큼 이동
top=100 : 위에서 아래로 100만큼 이동
width : 팝업창 가로길이
height : 팝업창 세로길이
toolbar: 툴바 표시여부(yes/no)
menubar : 메뉴바 표시여부(yes/no)
location : 주소창 표시여부(yes/no)
scrollbars : 스크롤바 표시여부(yes/no)
status : 상태바 표시여부(yes/no)
resizable : 창크기조절 가능여부(yes/no)
fullscreen : 전체화면 표시여부(yes/no)

Answer 2

var popupWidth = 300; 띄우려는 창의 가로크기

var popupHeight = 600; 띄우려는 창의 세로크기

var popX = (window.screen.width / 2) - (popupWidth / 2); 가로위치 보정

var popY= (window.screen.height / 2) - (popupHeight / 2); 세로위치 보정

window.open('/popup.html', '팝업창의 이름', 'status=no, height=' + popupHeight + ', width=' + popupWidth + ', left='+ popX + ', top='+ popY);

Answer 3

안녕하세요~! 아하(Aha) 지식답변자 다라닝입니다.

질문하신 내용에 대하여 아래와 같이 답변 드립니다.

말씀하신 팝업창의 위치 조정 방법은

top 과 left 수치로 간단하게 조정이 가능합니다.

width와 height 로 팝업 크기를 조정하신것처럼

같은 위치에 top과 left에도 수치를 주면서 잡아보시면 금방 적용하실수 있습니다

부족하지만 도움이 되셨기를 바라며 추가적인 문의가 필요하시면 답변 부탁드려요!

Answer 4

네 간단하게 설명해둔 URL 주소 첨부드리니 확인하시면 좋을것 같습니다.

https://offbyone.tistory.com/312

공식 옵션으로 지정이 가능하며 따로 커스텀할 필요가 없습니다.

아래와 같은 형식으로 사용하시면 됩니다.

var win = window.open("URL주소", "_blank", "top=위쪽띄울값,left=왼쪽부터 띄울값,width=위치크기값,height=위치크기값");