<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!--
새로고침: reload
id이용: 페이지 이동 + 정보 전달
document.getElementById("아이디명").action="이동할 곳"
하이퍼링크: 페이지 이동 X + 정보 전달
location.hrdf="html파일"
location.hrdf="url링크"
preventDefault: 페이지 이동은 되지만 정보 전달은 X
event.perventDefault()
-->
<script type="text/javascript">
function reload(){
location.reload();
}
function goTargetPage(){
location.href="D_targetPage.html";
}
function useAction() {
document.getElementById("myForm").action='D_targetPage.html';
}
function usePreventDefault() {
event.preventDefault(); //정보 전송 X + URL이동
location.href='D_targetPage.html';
}
</script>
</head>
<body>
<!--새로고침-->
<button onclick="reload()">새로고침</button><br>
<!--URL식 페이지 이동-->
<a href="javascript:goTargetPage()">href="javascript:goTargetPage()</a><br>
<!--버튼식 페이지 이동-->
<button onclick="goTargetPage()">onclick="goTargetPage()</button><br>
<!--location.href= "URL" / location.href="html페이지"-->
<button onclick="location.href='D_targetPage.html'">onclick="location.href='D_targetPage.html'"</button><br>
<hr>
<form id="myForm" >
<input type="text" name="userid" ><br>
<!--정보 전송 + URL이동-->
<button onclick="useAction()" >action속성 정보 전송 + URL이동</button><br>
<!--정보 전송 + URL이동 X -->
<button onclick="location.href='D_targetPage.html'">location.href 정보 전송 + URL이동 X</button><br>
<!--정보 전송 X + URL이동-->
<button onclick="usePreventDefault()">폼안+event.preventDefault 정보 전송 X + URL이동</button><br>
</form><br>
</body>
</html>
</body>
</html>
'단순 코드 기록 > JAVA' 카테고리의 다른 글
| Java_order (0) | 2024.02.10 |
|---|---|
| Java_Calculator (0) | 2024.02.10 |
| Java_OpenWindow (0) | 2024.02.10 |
| Java_Date (0) | 2024.02.10 |
| Java_Num (0) | 2024.02.10 |