별의 공부 블로그 🧑🏻‍💻
728x90
728x170
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
<!-- history 객체 예제 -->
<!-- 파일 이름 : his_obp1.html -->
<body>
    <h1>첫 페이지</h1>
    <a href="his_obp2.html">2페이지 이동</a>
</body>
 
<!-- 파일 이름 : his_obp2.html -->
<body>
    <h1> 두 번째 페이지</h1>
    <a href="his_obp3.html">3페이지 이동</a>
    <p>
        <button id="prevBtn" onclick="history.back()">이전 페이지</button>>
        <button id="nextBtn" onclick="history.forward()">다음 페이지</button>
    </p>
</body>
 
<!-- 파일 이름 : his_obp3.html -->
<body>
    <h1>세 번째 페이지</h1>
    <p>
        <button onclick="history.go(-1)">1단계 이전 페이지</button><br />
        <button onclick="history.go(-2)">2단계 이전 페이지</button>
    </p>
</body>
cs

 

 

소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)

 

728x90
그리드형(광고전용)

'Source Code > JavaScript' 카테고리의 다른 글

선택자 호환성 문제 해결  (0) 2017.05.21
문서 객체 모델 (DOM)  (0) 2017.05.21
브라우저 객체 모델을 사용해 운영체제와 스크린 정보 얻기  (0) 2017.05.21
navigator 객체  (0) 2017.05.21
location 객체  (0) 2017.05.21
screen 객체  (0) 2017.05.21
window 객체  (0) 2017.05.21
현재 월에 해당하는 달력 출력  (0) 2017.05.21
⚠️AdBlock이 감지되었습니다. 원할한 페이지 표시를 위해 AdBlock을 꺼주세요.⚠️
starrykss
starrykss
별의 공부 블로그 🧑🏻‍💻


📖 Contents 📖