자바스크립트 팝업 띄우기

자바스크립트 팝업 띄위기

 

자바스크립트 팝업은 아주 빈번하게 사용됩니다. 회원로그인, 아이디 찾기, 비밀번호 찾기 등등

정식 웹페이지가 아닌 간이 웹 페이지에서 많이 사용되어지죠

 

 

 

1. 자바스크립트 팝업창 띄우는 명령어

아주 간단하죠

window.open

 

아주 쉽죠..하지만 이 구문에도 규칙이 있고 사용법이 있답니다.

 

 

2. window.open 문법입니다

영어에도 문법이 있듯이 스크립트 언어에도 문법이 있답니다..물론 자바스크립트도 마찬가지구요

 

가장 일반적인 문법을 살펴보겠습니다.

window.open("팝업창url", "팝업창이름", "창속성");

 

이 문법으로 구성되어집니다. 간단하죠??

 

위 구문에서 파업창url만 있어도 팝업창을 띄울수는 있습니다.

하지만 무작정 팝업을 띄우는것보다는

속성값을 통해 팝업창의 크기, 위치, 등등 속성을 부여해서 보다 효과적인 팝업창을 띄울수 있습니다.

 

 

3. window.open 속성

가장 일반적인 속성을 보면

top :  브라우저 최상단에서 얼만큼 떨어뜨릴것인지

left :  브라우저 왼쪽에서 얼만큼 떨어뜨릴것인지

width :  팝업창의 넓이

height : 팝업창의 높이

resizable : 팝업창 사이즈조절 가능하게 할것인지

scrollbars : 팝업창 스크롤바 처리

 

4.  마지막으로 가장 많이 쓰이는 예제 하나만 보여드리고 마무리 하겠습니다.

 

window.open("http://www.tistory.com", "mywindow", "width=500,height=300,top=10,left=10");