Notice
Recent Posts
Recent Comments
Link
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

까마귀코딩.log

게시글 검색후에 이전페이지로 돌아가게하기 본문

카테고리 없음

게시글 검색후에 이전페이지로 돌아가게하기

까마귀코딩 2023. 3. 22. 19:12

검색 결과를 본 후에 자동으로 이전페이지로 돌아가게 하는방법

 

1. 브라우저의 기능을 이용한다. 

2. 자바스크립트 이용한다.

 

1. 브라우저 기능 이용 html

<form action="이전 페이지 url">

//  검색 폼 내용들@#$@#$ 

<button type="submit"> 검색 </button>
</form>

 

2. 자스 이용 

-window.history.back()메서드 사용하기 == 뒤로가기 버튼하고 동일한기능

<form onsubmit="goBackToSearchResult(); return false;">

  // 검색 폼 내용들 2#$@#$

<button type="submit">검색</button>
</form>

<script>
fuction goBackToSearchResult(){

//1. 검색 결과 페이지 url 만들기

var searchResultUrl ="검색 결과 페이지 url";

//2. 검색결과 페이지로 이동하게 만들기

window.location.href= searchResultUrl;

//3. 검색 결과 페이지에서 뒤로가기 버튼을 클릭하면 이전 페이지로 자동으로 돌아가게 만들기

windwo.history.pushState(null, null, searchResultUrl);
}
</script>

 

 


게시판 검색 기능에서 다시 첫 페이지로 오게 하는 방법은 여러 가지가 있을 수 있습니다.

일반적으로는 다음과 같은 방법이 사용된다.

 

 

  1. "처음으로" 버튼 추가: 검색 결과 페이지에서 "처음으로" 버튼을 추가하여 클릭하면 검색 이전의 첫 페이지로 이동할 수있게 만듬
  2. 페이지 링크 수정: 검색 결과 페이지에서 페이지 번호를 클릭하여 이동하는 링크를 수정하여, 검색 이전의 첫 페이지로 이동하도록 변경
  3. 브라우저의 뒤로 가기 버튼 사용: 브라우저의 뒤로 가기 버튼을 사용하여 검색 이전의 첫 페이지로 이동할 수 있게 함
  4. URL 수정: 검색 결과 페이지의 URL을 수정하여 검색 이전의 첫 페이지로 이동할 수 있게 함