[javascript] 윈도우 팝업 새창열기, 가운데 정렬(듀얼모니터)

안녕하세요. 오늘은 윈도우 새창을 여는 방법에 대해 알아보겠습니다.

 

 

1. window.open을 이용한 방법

<input type="button" value="새창" onclick="window.open('팝업.html', '팝업창 이름', 'width=#, height=#')">

보편적으로 사용되는 window open을 이용한 방법입니다. 사용할 button 혹은 a태그에 onClick 이벤트를 넣어주시면 됩니다.

 

 

2. 함수를 이용한 방법(듀얼모니터 가운데 정렬)

<!--부모영역-->
<a href="#" onclick="popOpen()">윈도우 팝업 열기</a>
<script>
    function popOpen(){

	var nWidth = "700";

	var nHeight = "490";			  

	var xPos = (document.body.clientWidth / 2) - (nWidth / 2); 

	xPos += window.screenLeft;	 //듀얼 모니터

	var yPos = (screen.availHeight / 2) - (nHeight / 2);

	window.open("팝업.html","popOpen","width="+nWidth+",height="+nHeight+", left="+xPos+", top="+yPos+", toolbars=no, resizable=no, scrollbars=no");
}
</script>

위의 방법은 함수를 이용한 방법으로, 듀얼모니터에서도 가운데 정렬을 해주는 코드입니다.