댓글 페이징 완료 후, 페이징 버튼을 눌렀으나 새로고침 되어서 맨 위 화면이 떴다.
그래서 주소창에 페이징 파라미터가 있을 경우 해당 태그로 스크롤 된 상태가 되게 할 예정이다.
우선 현재 페이지의 주소를 가져오고 싶다면
window.location.href
쿼리스트링(파라미터만 가져오고 싶은 경우)
window.location.search
const url = new URL(window.location.href); // url 객체
const urlParams = url.searchParams; // 해당 주소에서 파라미터들 가져오기
console.log(urlParams.get("index")); // ?index=1 일 경우 1
console.log(urlParams.get("page")); // ?page=2 일 경우 2
<자바스크립트>
우선 현재 페이지 주소를 추출해 url 객체를 만들고 해당 주소에서 파라미터들을 가져온다.
get() 함수로 특정 파라미터의 값을 가져올 수 있다. 만일 해당 파라미터가 없다면 null값을 반환한다.
'프로젝트(이상형월드컵)' 카테고리의 다른 글
| 이상형 월드컵 및 굿즈 판매 사이트 시연 영상 (0) | 2024.11.21 |
|---|---|
| 3. 페이징 (+ 검색 페이징) (0) | 2024.08.18 |
| 1. 자바스크립트로 이상형 월드컵 기능 구현 (0) | 2024.05.24 |