윈도우 팝업 window.open 사이즈 설정

 

 

 

윈도우 팝업창 띄우기 window.open

 

사이트 접속 시 공지를 띄우고 싶을 때 윈도우 팝업창을 사용하기도 하는데요.

오늘은 윈도우 팝업창 띄우는 소스를 알아보려고 합니다.

​

윈도우 팝업을 올릴 index나 main 페이지에 하단 소스를 넣어줍니다.

<script type="text/javascript">
	$(document).ready(function(){
        window.open("pop.html", "_blank","width=420,height=500,left=200,top=200");
	});
</script>

 

 

도큐멘트가 로드되고 준비됐을 때 pop.html 파일을 blank 새 창으로 가로 420px, 세로 500px, 사이즈로 좌측에서 200, 상단에서 200 떨어진 위치에 띄워주라는 소스입니다.

​

만약에 크롬 브라우저에서 사이즈 설정이 적용되지 않는다면 팝업 창인 pop.html 페이지에 하단 소스를 첨부해 주세요.

<style>
	html, body {overflow:hidden;}
</style>