이준빈은 호박머리

IT 프로그래밍 개발 정보 블로그, 이준빈은 호박머리 입니다.

Language/JavaScript

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

준콩이 2013. 3. 8. 10:05
반응형

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 = 팝업창이 뜨는 위치(화면 왼쪽에서부터의 거리 지정)



실행화면

반응형