브라우저 창에는 검색 기록을 저장하는 데 사용되는 기록 개체가 있습니다.
현재 창이 세 개의 URL을 방문한 경우 기록 개체에는 세 개의 항목이 포함되고 History.length 속성은 3과 같습니다.
기록 개체는 검색 기록 간 이동을 허용하는 일련의 메서드를 제공합니다.
window.history.back(): 이전에 방문한 페이지로 이동합니다. 브라우저의 뒤로 키에 해당합니다.
window.history.forward(): 브라우저의 앞으로 키에 해당하는 다음 방문한 페이지로 이동합니다.
window.history.go(num): 정수를 매개변수로 받아들이고 정수가 지정한 페이지로 이동합니다. 예를 들어 go(1)은 forward()와 동일하고 go(-1)은 back(과 동일합니다. ).
window.history.pushState(): HTML5는 방문 기록에 기록을 추가하고 수정하는 데 사용되는 두 가지 새로운 메서드인 window.history.pushState() 및 window.history.replaceState()를 기록 개체에 추가합니다.
참고: 1. 이동된 위치가 접근 내역의 경계를 초과하는 경우 위의 세 가지 방법은 오류를 보고하지 않고 자동으로 실패합니다.
2. 설정 시 서버에 새 웹페이지를 보내도록 다시 요청하는 대신 일반적으로 페이지가 브라우저 캐시에서 로드됩니다.
다음 사항에 집중해 보겠습니다: window.history.pushState()window.history.pushState(state, title, utl)는 페이지에 기록 엔터티를 생성합니다. 기록에 직접 추가하세요.
매개변수 중:
state: 지정된 URL과 관련된 상태 개체입니다. popstate 이벤트가 트리거되면 이 개체가 콜백 함수로 전달됩니다. 이 객체가 필요하지 않은 경우 여기에 null을 채울 수 있습니다.
title: 새 페이지의 제목이지만 현재 모든 브라우저에서 이 값을 무시하므로 여기에 null을 채울 수 있습니다.
url: 새 URL은 현재 페이지와 동일한 도메인에 있어야 합니다. 브라우저의 주소 표시줄에 이 URL이 표시됩니다.
참고: pushState 메소드는 페이지 새로 고침을 트리거하지 않으며 기록 개체만 변경하고 주소 표시줄이 반응합니다.
구현 예:Html5는 다음과 같이 Android 반환 키 메서드를 수신하고 가로챕니다.
1. popstate 이벤트 듣기
window.addEventListener(popstate, function(){ //doSomething}, false)2. 기본 반환 작업을 취소합니다. 즉, 반환 키를 가로채기 위해 수신합니다. 원래 기록 엔터티를 대체하기 위해 빈 기록 엔터티를 추가합니다.
window.history.pushState(null, null, #);
예:
<!DOCTYPE html><html> <meta name=viewport content=width=device-width> <script type=text/javascript> var count = 0; window.history.pushState(null, null, #); (popstate, function(e) { window.history.pushState(null, null, #); document.getElementById('logView').innerHTML = 사용자 클릭 return + (++count) }) </script><body> <p id=logView>test</p></body></html>위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.