단순 코드 기록/JAVA

Java_Link

일일일코_장민기 2024. 2. 10. 18:30
728x90

<!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>