브라우저의 전진 및 후퇴

1862 단어
브라우저의 전진 또는 후퇴를 설정합니다.history 대상의 사용과 관련이 있습니다.이것은 사용자가 브라우저 창에서 방문한 URL 주소를 포함하고, 이 대상의 일부분을 포함한다.
history 객체의 속성
  • length: 브라우저 역사 목록의 url 개수를 되돌려줍니다. 사용자가 현재 탭에서 한 페이지를 방문할 때마다length는 자동으로 1을 추가합니다.그러나 프라이버시 때문에 구체적인 URL의 기록 값을 얻을 수 없습니다.
  • state: 현재 사이트와 관련된 대상은pushState와replaceState를 통해서만 추가하거나 수정할 수 있고 URL과 관련된 정보를 저장할 수 있습니다.

    • 브라우저의 전진 및 후퇴
    history.백업 ():history 목록에 있는 이전 URL 주소를 불러옵니다. 후퇴에 해당합니다.history.forward ():history 목록의 다음 URL 주소를 불러옵니다. 이것은 전진 단추와 같습니다.
  • back()와forward() 두 가지 방법은 모두 전참하지 않고 url의 문서 내용을 한 번에 불러오기(후퇴/전진)합니다.

    • go() 방법과의 차이점:
    history.go(number|URL)
  • 성형된 매개 변수number 또는 url 주소를 전달해야 합니다.
  • 이 매개 변수는 숫자일 수 있으며 History의 URL 목록에서 액세스할 URL의 상대적인 위치를 사용합니다.(-1 이전 페이지, 1 앞으로 이동)
  • number > 0, 앞으로number 페이지
  • number = 0, 현재 페이지 새로 고침
  • number <0, number 페이지 후퇴
  • 문자열 url 파라미터를 사용하면 go() 방법은 역사 목록의 구체적인 페이지를 불러올 수 있습니다.
  • 문자열은 부분적이거나 완전한 URL이어야 하며 이 함수는 문자열의 첫 번째 URL과 일치해야 한다
  • forward()는 go(1)
    • 와 동등하다
  • back()은 go(-1)
    • 와 동등하다
    밤을 들다.
    history.go(-1); //  
history.go(0); //  
history.go(1); // 
history.go(-2); //

    history.pushState(state, title, url)
    이것은 URL을 바꾸고 페이지를 새로 고치지 않는 데 사용할 수 있습니다.원리: 현재 페이지의 위치를 바꿉니다.href 및 현재history를 수정합니다.state 대상, 실행 후history.length가 1 증가합니다.
  • state: 현재 웹 주소와 관련된 대상입니다.
  • title: 페이지 제목입니다. 그러나 모든 브라우저가 그것을 무시합니다. 제목을 바꾸려면document을 사용하십시오.title.
  • url: 현재 페이지와 같은 영역의 주소,location.href가 이 값이 됩니다.

    • history.replaceState(state, title, url)
    그것은 History로만 수정할 수 있습니다.state 및 location.href, 사용법은pushState와 같지만,history를 바꾸지 않습니다.length.
    pushState와replaceState 세 번째 인자 , 브라우저의popstate 이벤트와onhashchange 이벤트를 터치하지 않습니다
    기타 방법이 갱신 없음에 도달
    location을 변경할 수 있습니다.href 또는 location.hash는 리셋이 없는 목적을 달성합니다.
    Go의 최대 힙
    📄 Kedro - 내 데이터는 테이블이 아닙니다

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage