window.open

Language/JAVASCRIPT 2010. 10. 28. 10:59

window.open("주소","팝업창이름","속성값");

속성 이름 설명
toolbar 도구 모음 표시 여부를 결정한다. yes / no
menubar 메뉴 표시 여부를 결정한다. yes / no
status 상태 표시줄 표시 여부를 결정한다. yes / no
location 주소 입력줄 표시 여부를 결정한다. yes / no
scrollbars 스크롤바 표시 여부를 결정한다. yes / no
resizable window 크기 조절 가능 여부를 결정한다. yes / no
top 화면상에 열리는 Y 좌표값을 결정한다. (숫자값)
left 화면상에 열리는 X 좌표값을 결정한다. (숫자값)
width 화면상에 열리는 window의 폭을 결정한다. (숫자값)
height 화면상에 열리는 window의 높이를 결정한다. (숫자값)



[팝업창 예제]

<html>
<head></head>

<script language="JavaScript">
  function popup(){

    var width = "700";
    var height = "300";

    LeftPosition=(screen.width)?(screen.width-width)/2:100;
    TopPosition=(screen.height)?(screen.height-height)/2:100;

    url = "D:/test/popup.html";
   winOpts="scrollbars=no,toolbar=no,location=no,directories=no,width="+width+",height="+height+",resizable=no,mebar=no,left="+LeftPosition+",top="+TopPosition;
   
    var obj = window.open(url,'popup', winOpts);
}
</script>

<body>
<a href="Javascript:popup();">test팝업 </a>
</body>
</html>

 

[출처] 팝업 window.open|작성자 munimaro


: