이번시간에는 자바스크립트를 통해 새창띄우기, 창 닫기 및 속성에 대해 알아보자.
 
기본적으로 자바스크립트롤 통해 창(윈도우)을 띄우는 방법과 닫는 방법은 다음과 같다.
 
[새 창 열기]
window.open("경로", "창 이름", "창 속성");
 
[창 닫기]
window.close();
 
여기서 window는 현재 창을 의미한다. 따라서 window.open은 현재 창에서 새로운 창을 띄운다는 것이고(child window), window.close는 현재 창을 닫는 다는 것이다. (그렇다면 window 대신 다른 대상을 선택해 창을 닫을 수도 있겠지?)
 
 
팝업도 다른 게 아니고 결국 이 window.open을 통해 열린 창이다. 다만 속성을 조절 해 보다 심플하게 띄울 뿐이다. window.open의 속성 값을 알아보자.(다소 많다. 꼭 다 쓰지 않아도 되고 필요한 것만 쓰자. 속성을 설정하지 않으면 기본 값으로 뜨게 된다)
 
width, height - 어디서고 빠지지 않는 속성들로서 창의 너비와 높이 조절
menubar - 메뉴바의 보이기 여부(최상단의 [파일][편집]...메뉴부분)
location - 주소표시줄 보이기 설정여부(주소 입력하는 부분)
scrollbars - 우측과 하단의 스크롤바 표시여부
toolbar - 툴바 보이기 여부(단축아이콘. 앞으로 가기 뒤로 가기 등의 버튼이 있는 부분)
status - 상태표시줄(하단에 있는 주소로부터 다운로드중... 이라는 표시 뜨는부분)
resizable - 창의 크기 조절 가능여부(이 속성을 통해 창 크기 변환불가 가능)
fullscreen - 전체화면 설정. 창을 띄울 때 전체화면 혹은 원래크기로 띄울지 여부 설정
left, right - 창을 열때 창의 위치를 설정(왼쪽 위 기준. 픽셀)
 
 
 
사용 예 )
 
팝업 -
<script>
window.open("http://newpark210.cafe24.com", "myhome", "width=800, height=600, menubar=no, location=no, scrollbars=no, toolbar=no, status=no, resizable=no, left=0, right=0);
</script>
 
 
일반 새창 띄우기 -
 <script>
window.open("http://newpark210.cafe24.com");
</script>
 
 
 
이렇게 window.open을 알아보았다. 자바스크립트이기 때문에 <script></script>로 묶어주는 것을 잊지 말자.
그럼 다음 강좌에서 보도록 하자!
이 게시물을..