728x90
1๋ฒ ํ๋ฉด - view1.html
์ฝ๋->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>view1</title>
</head>
<body>
<!-- ํ๋ฉด ์ ํ
a href
form action submit
location.href
-->
<h3>์ฌ๊ธฐ๋ view1.html ์
๋๋ค.</h3>
<a href="view2.html">view2๋ก ์ด๋</a>
<script type="text/javascript">
document.bgColor = "#00ff00"; //์คํฌ๋ฆฝํธ์์ ๋ฐฑ๊ทธ๋ผ์ด๋ ์์ ๋ณ๊ฒฝํ๋๋ฒ
</script>
</body>
</html>2๋ฒ ํ๋ฉด - view2.html
์ฝ๋ ->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body bgcolor="red">
<h2>์ฌ๊ธฐ๋ view2.html ์
๋๋ค</h2>
<input type="button" value="์ด์ " onclick="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";
}
</script>
</body>
</html>3๋ฒ ํ๋ฉด - view3.html
์ฝ๋->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body bgcolor="#ffff00">
<p>์ฌ๊ธฐ๋ view3.html ์
๋๋ค.</p>
</body>
</html>
๋๊ธ