자바스크립트 윈도우 팝업창 띄우기 및 옵션

 

팝업창 띄우는 방법

 

팝업을 띄우기 위해서는 띄울 창의 크기와 스크롤바 사용 여부를 넣어주면 된다.

그리고 left와 top으로 위치를 지정해주면 해당 위치에서 열린다. (단위는 px)

 

 

var url = '열고 싶은 주소'; 
 
function openPopup(){ 
 
    var option = 'scrollbars=no, left=400, top=200, width=440, height=550'; 
 
    var name = 'myPopup'; 
 
    // option 변수를 사용하지 않고 직접 옵션을 넣어줘도 된다.
    window.open(url, name, option); 
} 

 

 

 

 

팝업창 닫는 방법

 

 

var url = '열려 있는 주소'; 
 
function closePopup(){ 
 
    window.opener.location.href = url; 
 
    window.close(); 
 
}

 

 

 

 

팝업창 띄울 때 줄수 있는 옵션들

 

옵션들은 yes/no, 1/0 으로 사용 또는 해제할 수 있다.

 

 

left	좌측부터 팝업의 위치를 지정, x 축
top	화면 최상단을 기준으로 팝업의 위치를 지정, y 축
width	팝업창 너비 지정
height	팝업창 높이 지정
status	상태 표시바 보이거나 숨기기
toolbar	툴바를 보이거나 숨기기
location	주소표시줄 보이거나 숨기기
menubar	메뉴바를 보이거나 숨기기
scrollbars	스크롤바를 보이거나 숨기기
fullscrean	풀스크린으로 화면 출력
channelmode	채널모드로 화면 출력

 

 

 

예를 들면, 

크롬 기준으로 '새 탭'이 아닌 팝업 형식으로 창을 띄우고 싶으면 

옵션에 "fullscrean=yes" 를 추가하면 된다.