자바스크립트 새창 뛰우기 옵션과 방법

<head>와 </head> 사이에 아래 코드를 넣어주세요.

<script language="javascript">
  function PopupWindow()
    {
       window.open("불러올 파일 경로 및 이름","popup", "width=700, height=900, left=30, top=30, scrollbars=no,titlebar=no,status=no,resizable=no,fullscreen=no");
    }
</script>

 위 코드 설명드리자면, popup에는 그냥 그 팝업창 이름을 지정해줄 수 있어요. 아무거나 써 넣으셔도 됩니다.

width =  숫자는 가로 크기, height = 숫자는 창 세로 크기 입니다.
left = 숫자는 모니터 화면의 좌측으로 부터 얼마만큼 떨어뜨릴지 포지션을 정하는 것이고,
top = 숫자는 모니터 화면의 상단으로 부터 얼마만큼 떨어뜨릴지 포지션을 정하는 것입니다.
scrollbars = no/yes/auto 옵션을 두고 있고 스크롤바를 표현할지 안할지 자동으로 나오게 할지 선택합니다.
titlebar = no/yes 는 타이틀 바 표출 유무이고, status = no/yes 는 상태바 표출 유무입니다.
resizable = no/yes 는 창을 조절 가능하게 할 것인지 아닌지 선택할 수 있습니다.
fullscreen = no/yes 는 창이 켜질때 전체화면으로 바로 보여줄 지 선택하는 것입니다.
 
 
이제 클릭시 창이 뜨게 하려면 아래와 같이 합니다.
 
<body>와 </body> 안에 클릭시킬 글자나 이미지가 있을 텐데,
 
<a href="javascript:PopupWindow()">링크</a>

위 처럼 해도 되고,

<a href="javascript:PopupWindow()"><img src="이미지 경로 및 이름" border="0"></a>

 이렇게 이미지로 링크 걸어도 되구요.

 

아니면 이미지에 바로 onclick 액션으로 자바스크립트를 호출하여도 됩니다.

<img src="이미지 경로 및 이름" onclick= "PopupWindow()">

 

TOP