[Javascript] 팝업창 가운데 띄우기

 

 

 

먼저, Javascript에서 팝업창 띄우기 위해서는 아래와 같이  window.open()  함수를 사용해야한다.

window.open('URL', 'Name', 'Option');

 

1) URL

   팝업으로 열릴 페이지의 주소 입력

 

2) Name

   팝업창의 이름 지정

 

3) Option

   팝업창의 위치(left, top)와 사이즈(width, height) 지정

 

 

---

 

 

예제

function openPopup() {
 
    var _width = '650';
    var _height = '380';
 
    // 팝업을 가운데 위치시키기 위해 아래와 같이 값 구하기
    var _left = Math.ceil(( window.screen.width - _width )/2);
    var _top = Math.ceil(( window.screen.height - _height )/2); 
 
    window.open('/url', 'popup-test', 'width='+ _width +', height='+ _height +', left=' + _left + ', top='+ _top );
 
}
 

 

 

 

 

 

 

 

포스팅이 띠옹~~!!