history.pushState는 수정된 URL 링크를 새로고침하지 않고 브라우저 페이지를 구현합니다

여름 · 게시됨 2019. 6. 20. 오전 10:17:16

1. stateObject - stateObject는 pushState 메서드를 통해 stateObject 콘텐츠를 새 페이지로 전달할 수 있는 JavaScript 객체입니다.

2. 제목 - 거의 모든 브라우저가 이 매개변수를 지원하지만, 빈 문자열을 전달하는 것이 더 안전합니다.

3. 주소(URL) - 새로운 역사 항목의 주소(선택적으로 지정하지 않은 경우 문서의 현재 URL); 브라우저는 pushState() 메서드를 호출한 후 주소를 불러오지 않습니다; 들어오는 URL은 현재 URL과 동동이어야 하며, 그렇지 않으면 pushState()가 예외를 던집니다.

로그인이 보이네요.

작은 쓰레기 같은 놈들 · 게시됨 2019. 6. 20. 오전 10:55:31

많은 프론트엔드 프레임워크가 이 기법을 사용하며, 메뉴를 클릭하면 URL이 변경되고, 새로운 네트워크 요청이 없습니다

여름 · 게시됨 2019. 6. 20. 오전 11:24:05

작은 슬래그, 2019-6-20 10:55에 게시됨
요즘 많은 프론트엔드 프레임워크가 이 기법을 사용하며, 메뉴를 클릭하면 URL이 바뀌고, 새로운 네트워크 요청이 없습니다...

그게 이미 캐시에 있는 새 페이지 콘텐츠인가요?

작은 쓰레기 같은 놈들 · 게시됨 2019. 6. 20. 오전 11:56:00

여름 게시글: 2019-6-20 11:24
그게 이미 캐시에 있는 새 페이지 콘텐츠인가요?

아니요, 이게 첫 번째 요청이고, 페이지의 모든 핵심 콘텐츠가 다운로드되었으며, JS는 라우팅 개념도 가지고 있는데, URL별로 다른 콘텐츠를 제공합니다.

[JavaScript] history.pushState는 수정된 URL 링크를 새로고침하지 않고 브라우저 페이지를 구현합니다

본 섹션