웹개발을 하다 보면 하나의 페이지에서 다른 페이지를 열때 새창으로 웹페이지를 열어야 하는 경우가 생기는데요. 이럴 경우에 쓸수 있는 자바스크립트 새창 호출 메소드에 대해서 알아보겠습니다.
새창은 자바스크립트에서 제공하는 window.open이라는 메소드를 통해 구성할 수 있는데요. 그래서 window.open 사용법과 이를 이용해서 새창 띄우기 예제를 구현해 보겠습니다.
새창 띄우기 예제
1. 메인화면의 코드내용
– 소스코드
<script type="text/javascript"> function valuesend(){ window.open("", "value", "width=450, height=550,scrollbars=1, menubar=1, resizable=1"); //새창의 타겟과 크기 같은 옵션을 지정 document.frm.target ="value"; //새창에서 지정한 value옵션으로 타겟을 지정 document.frm.action="NewWindow.jsp"; //새창으로 띄울 jsp document.frm.submit(); } </script> </head> <body> <form name="frm" method="post"> <input type="text" name="test"> <input type="button" value="전송" onclick="valuesend()"> </form>
2. 새창 소스코드
-소스코드
<body> <%= request.getParameter("test") %> </body>
결과 페이지
window.open 메소드를 통해 자바스크립트로 새창을 뛰우는 방법에 대해서 알아보았습니다.
이외에 새창의 크기나 위치 스크롤바 등을 조절할 수도 있으니 API를 찾아서 연습해 보시기 바랍니다.
답글 남기기