ex) 데이터 : 이름, 나이
1. a
2. form
3. JavaScript
입력하면 다음창으로 넘어가서 아래와 같이뜸
<!-- 1. a 로 값을 넘기기-->
<body>
<a href="NewFile.jsp?name=홍길동&age=24">NewFile.jsp로 이동</a>
<!--웹과 자바를 연결하여 name과 age로 홍길동을 넘겨줌, 자바에서 name과 age로 받음-->
<br><br>
</body>
<!-- 2. form으로 넘기기 -->
<form action="NewFile.jsp">
이름 : <input type="text" name="name">
<br>
나이 : <input type="text" name="age">
<br>
<input type="submit" value="이동">
</form>
<!-- 입력받아 버튼으로 넘김 -->
<br><br>
<!--3. JavaScript : 유일하게 빈칸일경우 체크 가능 -->
이름 : <input type="text" id="name">
<br>
나이 : <input type="text" id="age">
<br>
<button type="button" onclick="btnclick()">이동</button>
<script type="text/javascript">
function btnclick() {
let name = document.getElementById('name').value;
let age = document.getElementById('age').value;
location.href = "NewFile.jsp?name="+name+"&age="+ age;
}
</script>
JSP파일
<%
String name = request.getParameter("name");
System.out.println("name"+name);
int age = Integer.parseInt(request.getParameter("age"));
System.out.println("age"+age);
%>
<!--4. Input -->
1. View 1
2. View 2
-이전으로 : view1로 돌아감
-현재페이지 갱신 : F5
-진행 : 앞으로 가기
-View3이동
3. View 3
1. View1
<body>
<!--
<a href=""
<form action=""
-->
<h1>여기는 view1.html 입니다</h1>
<a href="view2.html">View2로 이동</a>
<script type="text/javascript">
//스크립트에서 배경화면 색 바꾸기
document.bgColor = "#ff0000";
</script>
</body>
2. View2
<body bgcolor="#00ff00">
<h2>여기는 View2.html 입니다</h2>
<!-- history로 통해 이동 -->
<input type="button" value="이전으로" onclick="history.back()">
<!-- 예약어 history.back() : 함수 안에서도 사용 가능 -->
<input type="button" value="현재페이지 갱신" onclick="location.reload()"> <!-- 예약어 -->
<!-- -->
<input type="button" value="진행" onclick="history.forward()"><!-- 예약어 -->
<!-- 함수로 이동 -->
<button type="button" onclick="gopage()">View3.html로 이동</button>
<script type="text/javascript">
function gopage() {
location.href = "view3.html"; //바로 view3이동
}
</script>
</body>
3. View 3
<body bgcolor="#0000ff">
<h3>여기가 View3.html 입니다</h3>
</body>
'Java Script' 카테고리의 다른 글
| select에서 옵션을 변경할 경우 알림창 설정하기 (0) | 2020.07.10 |
|---|---|
| 숫자가 아닌 문자가 포함되어 있습니다 (0) | 2020.07.10 |
| 문자열 다루기 (0) | 2020.07.08 |
| JS변수 var/let 선언과 차이 (0) | 2020.07.08 |
| 기초 소스 (0) | 2020.07.08 |
