javascript - window.open 옵션 및 사용법

window.open은 아래와 같이 사용합니다.

window.open('팝업 주소', '팝업창 이름', '팝업창 설정');

window.open은 onclick을 사용하는방법과, function함수를 이용하는 방법 두가지가 있습니다.

첫번째 : onclick 사용

<a href="#" onclick="window.open('windowopen.html','window팝업','width=300, height=300, menubar=no, status=no, toolbar=no');">window팝업1</a>

a태그말고도 input 에도 사용하실 수 있습니다.

<input type="button" value="팝업창" onclick="window.open('windowopen.html','window팝업','width=400, height=200, menubar=no, status=no, toolbar=no');">

두번째 : function 사용

<script type="text/javascript">

function windowopenPopup(){

window.open('windowopen.html', 'window팝업', 'width=300, height=300, menubar=no, status=no, toolbar=no');

}

</script>

<a href="javascript:windowopenPopup();">window팝업2</a>

a태그말고도 input 에도 사용하실 수 있습니다.

<input type="button" value="팝업창" onclick="windowopenPopup();">

window.open 옵션은 아래 굵게 표시된 부분을 변경할때 사용하시면 됩니다.

window.open('windowopen.html', 'window팝업', 'width=400, height=600, menubar=no, status=no, toolbar=no');  

width : 팝업창 가로길이

height : 팝업창 세로길이
toolbar=no : 단축도구창(툴바) 표시안함

menubar=no : 메뉴창(메뉴바) 표시안함

location=no : 주소창 표시안함

scrollbars=no : 스크롤바 표시안함

status=no : 아래 상태바창 표시안함

resizable=no : 창변형 하지않음

fullscreen=no : 전체화면 하지않음

channelmode=yes : F11 키 기능이랑 같음
left=0 : 왼쪽에 창을 고정(ex. left=30 이런식으로 조절)

top=0 : 위쪽에 창을 고정(ex. top=100 이런식으로 조절)

[출처] 

http://soosooin.tistory.com/92