js에서 window.history 사용법 (2)

零下一度
풀어 주다: 2017-05-18 10:47:29
원래의
2071명이 탐색했습니다.

Window.history는 세션 중에 사용자의 웹사이트 접속 기록을 저장합니다. 사용자가 새로운 URL에 접속할 때마다 새로운 기록이 생성됩니다.

history.go(),history.back(),history.forward()history.back()및history.forward()는 각각 한 페이지 뒤로, 한 페이지 앞으로를 나타냅니다. History.go(num)은 앞으로 몇 페이지를 넘기거나 뒤로 넘길지를 나타내며, num이 양수이면 앞으로, 음수이면 뒤로 넘긴다는 뜻입니다.

Windows 창 객체(history)history.go(),history.back(),history.forward().

Windows 개체 참조가 필요하지 않기 때문입니다. 따라서 windows.history.go() == History.go()입니다.

go() 메소드에는 정수 또는 음수일 수 있는 매개변수가 하나만 있습니다. 긍정적이라면 앞으로 나아가세요. 음수는 뒤로 가는 것을 의미합니다. (Forward와 Back의 차이와 동일)

따라서 한 페이지 뒤로 이동하려면 다음 코드를 사용할 수 있습니다. (여러 페이지 뒤로 이동, go 매개변수만 변경)

   window.history.go(-1);
로그인 후 복사

한 페이지 앞으로 이동하려면 양수만 사용하세요.

   history.go(1);
로그인 후 복사

또한 back() 및 forward() 메서드를 사용하여 동일한 작업을 수행할 수 있습니다.

      history.back();   后退
      history.forward(); 前进
로그인 후 복사

기록의 페이지 수를 보기 위한 길이 속성:

   history.length;
로그인 후 복사

2.history.go(-1)와history.back()

history.go(-1)表示后退与刷新。如数据有改变也随之改变
   history.back()只是单纯的返回到上一页。
로그인 후 복사

예:

Html 코드

<p class="oper_context_view">  
          <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>  
 </p>
로그인 후 복사

Js 코드

$("#btn_exit").bind("click",function(){  
              window.location.reload();    //刷新  
              window.history.go(1);         //前进  
              window.history.go(-1);        //返回+刷新  
              window.history.forward();  //前进  
              window.history.back();       //返回  
  });
로그인 후 복사

【관련 추천】

특별 추천 : "php Programmer Toolbox" V0.1 버전 다운로드

2. js에서 window.history 사용(1)

3. h5의 History.pushState() 사용예제

4. h5-pushState,replaceState의 히스토리 기능에 대한 심층적 이해

5. h5의 History API가 웹 애플리케이션에 미치는 영향

위 내용은 js에서 window.history 사용법 (2)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿