자바스크립트(javascript) 팝업창 띄우는 방법(팝업 옵션 설정방법)

1. 팝업창 띄우는 방법

<script type="text/javascript">

<!--

function popupOpen(){

var popUrl = "test.html"; //팝업창에 출력될 페이지 URL

var popOption = "width=370, height=360, resizable=no, scrollbars=no, status=no;";    //팝업창 옵션(optoin)

window.open(popUrl,"",popOption);

}

//-->

</script>

<a href="javascript:popupOpen();" > 열려라 팝업창! </a>

2. 팝업창 띄울때 옵션(option) 종류

yes나 no로 지정하면 됩니다.

toolbar = 상단 도구창 출력 여부 

menubar = 상단 메뉴 출력 여부

location = 메뉴아이콘 출력 여부

directories = 제목 표시줄 출력 여부

status = 하단의 상태바 출력 여부

scrollbars = 스크롤바 사용 여부

resizable = 팝업창의 사이즈 변경 가능 여부

사이즈 정의(픽셀 px)

width = 팝업창의 가로 길이 설정

height = 팝업창의 세로 길이 설정

top = 팝업창이 뜨는 위치(화면 위에서부터의 거리 지정)

left = 팝업창이 뜨는 위치(화면 왼쪽에서부터의 거리 지정)

실행화면