index1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>index1.html 입니다</h2>
<!--
<a href
<form -> submit
-->
<h1>여기는 index1.html 입니다</h1>
<a href="index2.html">index2.html로 이동</a>
<script>
document.bgColor = "#0000ff";
</script>
</body>
</html>
index2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body bgcolor="#00ff00">
<h2>index2.html 입니다</h2>
<input type="button" value="이전으로 돌아가기" onclick="history.back()">
<input type="button" value="현재 페이지를 갱신" onclick="location.reload()">
<!-- 갔다 온 페이지가 없으면 동작하지 않는다. -->
<input type="button" value="진행" onclick="history.forward()">
<button onclick="gopage()">index3.html로 이동</button>
<script>
function gopage() {
//미리 조사를 보낸후 보낼지 말지 정할 수 있다
location.href = "index3.html"
}
</script>
</body>
</html>index3.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>여기는 index3.html입니다</h3>
</body>
</html>'JavaScript > javascript 기초 공부하기' 카테고리의 다른 글
| 자바스크립트 반복문 정리 (for of, for in, Object.entries,keys,values) (0) | 2020.01.19 |
|---|---|
| javascript로 css 조작하기 (0) | 2020.01.09 |
| 마우스 이벤트, 키보드 이벤트 (0) | 2020.01.07 |
| 자바스크립트 10진법 2, 8, 16진법으로 변환하기 (0) | 2020.01.07 |
| 자바스크립트 라면 타이머 만들기 (0) | 2020.01.07 |
