팝업창 전체화면으로 띄우는 3가지 방법

javascript인 window.open을 이용하여 팝업창을 띄울 때 사용하는 방법이며, 화면의 전체 화면으로 띄우는 방식입니다. 

 

1. Screen의 가로 세로 사이즈를 이용하여 띄우는 방법

var win_width = window.screen.width - 10;
var win_height = window.screen.height - 60;
window.open(url, "win_fullsize","width="+ win_width + ",height="+win_height+", top=0, left=0");

screen의 가로 세로 사이즈를 구하여 open되는 창의 가로와 세로의 사이즈로 창 사이즈를 적용하는 하게 됩니다.

 

 

2. 오픈된 팝업창의 사이즈를 적용(일부 브라우저 적용 안됨)

function winresize(){
	window.resizeTo(window.screen.width, window.screen.height);
    window.moveTo(0,0);
}

window.open으로 창을 열면 오픈된 창에서 onload를 이용하여 사이즈를 조절하여 사이즈를 키우는 방법입니다.

 

3. Window.open 속성값 이용

window.open('login.asp','','Fullscreen=yes, type=Fullwindow, scrollbars=no');

window.open시 속성값을 이용하여 팝업창을 열 때 크기를 조절하는 방법입니다.