쿼리 문자열 변경에 관계없이 이전 페이지로 돌아 가기

Aug 17 2020

검색 가능한 표가있는 페이지가 있습니다. 이전 페이지로 돌아 가기 위해 "뒤로"버튼을 작성했습니다.

<a href="javascript:history.back()">Back</a>

예를 들어 내 홈페이지의 URL은 다음과 같습니다.

https://xxxxxx.com

내 홈페이지 (또는 다른 페이지) 에서 검색 가능한 표가있는 페이지에 들어갑니다 .

https://xxxxxx.com/data

검색을 수행하면 URL은 다음과 같습니다.

https://xxxxxx.com/data?search=*sth*

"뒤로"버튼을 누르면 URL이 다음과 같이됩니다.

https://xxxxxx.com/data

내가 실제로 원하는 것은 :

https://xxxxxx.com/

(또는 사용자가 이전에 들어온 페이지 /data)


뒤로 버튼이 실제 페이지로 이동할 수 있도록 검색 버튼에 내 자바 스크립트를 다시 작성하려면 어떻게해야합니까?

답변

3 MauriceNino Aug 17 2020 at 15:36

history.back()하나만 돌아가는 대신 window.location.replace(window.location.host)루트 페이지를로드하는을 수행 할 수 있습니다.

더 많은 정보를 얻으려면 window.location:https://developer.mozilla.org/en-US/docs/Web/API/Window/location

편집하다:

URL 매개 변수를 무시하려면 다른 페이지로 이동하는 방법을 변경해야합니다.

대신 window.history.pushState(...), 당신은 사용해야 window.history.replaceState(...)탐색이 다시 클릭에 무시해야 할 때.

이 주제에 대해 더 읽어 보겠습니다. 히스토리 푸시와 교체 사이의 균형은 무엇입니까?