>웹 프론트엔드 >H5 튜토리얼 >브라우저 기록에 대한 자세한 소개

브라우저 기록에 대한 자세한 소개

伊谢尔伦
伊谢尔伦원래의
2017-06-11 13:29:142014검색

DOM의 window 객체는 window.history 메서드를 통해 브라우저 기록을 읽을 수 있도록 하여 사용자 액세스 기록에서 앞뒤로 이동할 수 있도록 해줍니다. HTML5부터 이 히스토리 스택을 조작할 수 있습니다. 1. History는 back(), forward() 및 go() 메소드를 사용하여 사용자 기록에서 앞뒤로 이동합니다. window.history.back() 이 메소드는 사용자가 클릭한 것처럼 나타납니다. 브라우저 도구 바의 Return 키와 동일합니다. 마찬가지로 다음 메소드를 사용하여 사용자 전달 동작을 생성할 수도 있습니다. window.history.forward(); 기록의 특정 위치로 이동하려면 go() 메소드를 사용하여 세션 기록에서 특정 페이지를 로드할 수 있습니다. 한 페이지 뒤로 이동: window.history.go(-1); 한 페이지 앞으로 이동: window.history.go(1); 마찬가지로 여러 페이지를 앞이나 뒤로 이동할 수 있습니다. 브라우저 기록의 길이 속성을 확인하여 기록 스택의 총 페이지 수를 확인할 수도 있습니다. va

1. window.history에 대한 자세한 소개

브라우저 기록에 대한 자세한 소개

소개: DOM의 창 개체는 window.history 메서드를 통해 브라우저 기록을 읽을 수 있도록 제공합니다. 사용자의 접속 이력에 있습니다. HTML5부터 이 히스토리 스택을 조작할 수 있습니다. 1. History는 back(), forward() 및 go() 메소드를 사용하여 사용자 기록에서 앞뒤로 이동합니다. window.history.back() 이 메소드는 사용자가 클릭한 것처럼 나타납니다. 브라우저 도구 바의 Return 키와 동일합니다. 마찬가지입니다...

2. replaceState에 대한 추천 코스 6개

브라우저 기록에 대한 자세한 소개

소개: DOM의 창 개체는 Fetch를 통해 window.history 메서드를 통해 브라우저 기록을 읽을 수 있습니다. 사용자의 접속 기록을 앞뒤로 이동합니다. HTML5부터 이 히스토리 스택을 조작할 수 있습니다. 1. History는 back(), forward() 및 go() 메소드를 사용하여 사용자 기록에서 앞뒤로 이동합니다. window.history.back() 이 메소드는 사용자가 클릭한 것처럼 나타납니다. 브라우저 도구 바의 Return 키와 동일합니다. 마찬가지입니다...

3. history.pushState()에 대한 추천 과정

브라우저 기록에 대한 자세한 소개

소개: HTML 파일,  history.pushState()  메서드 추가하다 브라우저 기록에 대한 상태입니다. pushState()는 상태 개체, 제목(현재는 무시됨), 선택적 URL 주소 등 세 가지 매개 변수를 사용합니다. 다음에서는 세 가지 매개변수에 대해 자세히 조사합니다. 상태 개체 - 상태 개체는 pushState() 메서드에 의해 생성되고 기록 기록과 관련된 상태 개체입니다...

4 history.pushState 소개. in h5 자세히 ()사용 예

브라우저 기록에 대한 자세한 소개

소개: HTML 파일에서 History.pushState() 메서드는 브라우저 기록에 상태를 추가합니다. pushState()는 상태 개체, 제목(현재 무시됨) 및 선택적 URL이라는 세 가지 매개 변수를 사용합니다. 다음은 이 세 가지 매개변수에 대한 자세한 검사를 수행합니다.

5. h5-pushState의 기록 기능인 replacementState

브라우저 기록에 대한 자세한 소개

소개: DOM은 창을 통과합니다. 히스토리 메소드는 브라우저 기록을 읽어 사용자의 액세스 기록에서 앞뒤로 이동할 수 있도록 합니다. HTML5부터 이 히스토리 스택을 조작할 수 있습니다.

6. Ajax

브라우저 기록에 대한 자세한 소개

로 브라우저 기록을 유지하는 두 가지 솔루션

소개: 저는 항상 github에서 뭔가를 다운받습니다. github의 인터페이스도 전체적으로 잘 만들어졌고 사용감도 아주 좋습니다~ 소스코드가 슬라이딩되는 특수효과가 가장 맘에 듭니다~ 처음에는 그냥 평범한 ajax인줄 알았습니다. 요청 효과를 찾았는데, 특수 효과로 인해 브라우저 주소 표시줄이 변경 ​​사항을 따라갈 수 있고, 앞으로 및 뒤로 버튼을 클릭하면 코드가 앞뒤로 미끄러질 수 있습니다~~ 그럼 연구해 봅시다~

7. 브라우저 기록을 유지하는 두 가지 Ajax 방법 솔루션

브라우저 기록에 대한 자세한 소개

소개: 저는 항상 github의 전체 인터페이스가 매우 좋고 경험도 매우 좋습니다~ 소스의 특수 효과가 마음에 듭니다. 코드 슬라이딩이 제일 많네요~ 처음에는 그냥 평범한 Ajax 요청 효과인 줄 알았는데, 이 특수 효과를 사용하면 브라우저 주소 표시줄이 그에 따라 변경되고, 앞뒤로 클릭하면 코드가 앞뒤로 슬라이드될 수 있다는 것을 알았습니다. 버튼~~ 그럼 공부해 볼까요~

8 JavaScript가 URL을 작동하는 방법에 대한 자세한 설명(단일 페이지 응용 프로그램에서 일반적으로 사용됨)

브라우저 기록에 대한 자세한 소개

소개: JavaScript가 URL을 작동하는 방법에 대한 자세한 설명 (단일 페이지 애플리케이션에서 일반적으로 사용됨) JavaScript에는 브라우저 기록을 조작할 수 있는 많은 메소드가 있습니다. 일반적인 페이지 이동이든 단일 페이지 애플리케이션 해시 값 변경이든 우리는 특히 단일 페이지 애플리케이션에서 이러한 메소드를 자주 다루게 됩니다. , 이러한 방법은 거의 페이지 라우팅의 핵심 방법입니다. 이 문서에서는 이러한 방법을 자세히 설명합니다. 1.document.locationlocation은 가장 유용한 BOM 개체 중 하나입니다. 현재 창에 로드된 문서에 대한 정보를 제공하고 일부 탐색 기능도 제공합니다

[관련 Q&A 권장 사항]:

javascript - QQ 라우팅 음악 웹 버전

javascript - isScroll.js를 사용할 때 발생하는 문제에 대해

javascript - 주제로서의 브라우저 기록

위 내용은 브라우저 기록에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.