window.open()으로 호출하는 팝업(Popup)으로 폼(Form) 값 넘기는 예제이다. <form> 태그의 email 입력항목의 값이 "테스트" 버튼을 클릭할때 winpopup() 함수가 호출된다.
먼저 window.open()으로 팝업화면을 오픈하고 값을 넘기려는 폼의 target 값에 window.open()서 에 입력한 이름("pop")을 지정한다. 그러고 나서 submit()을 하게 되면 입력항목의 값을 팝업으로 넘겨줄 수가 있다. 생각보다 간단하다.
<html>
<script language="javascript">
function winpopup() {
window.open("popup_test.jsp", "pop", "width=500,height=300,scrollbars=no");
document.reg.target = "pop";
document.reg.action = "popup_test.jsp";
document.reg.submit();
}
</script>
<body>
<form name="reg" method="post">
<input type="text" name="email">
<input type="button" onclick="javascript:winpopup()" value="테스트">
</form>
</body>
</html>
728x90
'■ Front-End ■ > JavaScript' 카테고리의 다른 글
| [JavaScript] 이벤트 헨들링에서 키 코드(Key Code) 참고 테이블 (0) | 2023.02.28 |
|---|---|
| [JavaScript] 이벤트 버블링 (Event Bubbling) (0) | 2023.02.28 |
| [JavaScript] History, Screen, Navigator 브라우저 객체 예제 (0) | 2023.02.28 |
| [JavaScript] 날짜계산 및 문자열 출력 (0) | 2023.02.28 |
| [JavaScript] Base64 Encode & Decode 예제 (0) | 2023.02.28 |
댓글