JavaScript

[JavaScript & window] 팝업창 브라우저 중앙에 위치

IT공부블로그 2019. 6. 13. 20:07
728x90
반응형

let popWidth  = width; // 파업사이즈 너비

     let popHeight = height; // 팝업사이즈 높이

     

     let winWidth  = document.body.clientWidth;  // 현재창의 너비

     let winHeight = document.body.clientHeight; // 현재창의 높이

     

     let winX      = window.screenX || window.screenLeft || 0;// 현재창의 x좌표

     let winY      = window.screenY || window.screenTop || 0; // 현재창의 y좌표

     let left = winX + (winWidth - popWidth) / 2;

     let top = winY + (winHeight - popHeight) / 2;


window.open('${pageContext.servletContext.contextPath }/admin/' + url, title, option + ", left=" + left + ", top=" + top + ", width=" + popWidth + ', height=' + popHeight);


위 소스를 이용하면 팝업창에 브라우저 중앙에 위치한다

듀얼 모니터일경우에도 적용가능

728x90
반응형