Notice
Recent Posts
Recent Comments
Link
«   2024/07   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

Developer Gonie

[8주차] 32. history 객체의 go() 메소드(feat. back(),forward() 메소드) 뒤로가기, 앞으로가기 본문

K-DigitalTraining 강의/6. Javascript(웹표준)

[8주차] 32. history 객체의 go() 메소드(feat. back(),forward() 메소드) 뒤로가기, 앞으로가기

이대곤 2022. 7. 9. 17:11

동일코드

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h2>세번째 페이지</h2>
	
	<a href="first.html"><img src="images/01.gif"></a>
	<a href="second.html"><img src="images/02_s.gif"></a>
	
	<img src="images/03_s.gif">
	
	<a href="fourth.html"><img src="images/04_s.gif"></a>
	
	<br>
	<br>
	
	<input type="button" value="이전 페이지로" onClick="history.go(-1)">
	<input type="button" value="다음 페이지로" onClick="history.go(1)">
	<br>
	<br>
	<!-- back() == go(-1), forward() == go(1) 웹브라우저의 화살표와 기능이 같음 -->
	<input type="button" value="이전 페이지로" onClick="history.back()">
	<input type="button" value="다음 페이지로" onClick="history.forward()">
	<br>
	<br>
	<input type="button" value="이전이전 페이지로" onClick="history.go(-2)">
	<input type="button" value="다음다음 페이지로" onClick="history.go(2)">
</body>
</html>
저작자표시

'K-DigitalTraining 강의 > 6. Javascript(웹표준)' 카테고리의 다른 글

[8주차] 34. javascript로 회원가입 form 유효성 검사하기  (0) 2022.07.09
[8주차] 33. location 객체의 새로고침, 사이트이동 [ reload(), href 속성 ]  (0) 2022.07.09
[8주차] 31. document 객체에 포함된 객체(배열로 관리되는 요소들)  (0) 2022.07.09
[8주차] 30. document 객체의 getElementById() 메소드  (0) 2022.07.09
[8주차] 29. window 객체의 onload속성, setInterval(), setTimeout(), clearInterval() 메소드  (0) 2022.07.09
'K-DigitalTraining 강의/6. Javascript(웹표준)' Related Articles more
Comments