javascript - 탐색을 클릭한 후 JS를 사용하여 색상을 추가한 후 페이지 이동 후 변경된 색상을 어떻게 유지할 수 있습니까?

Question

내비게이션의 모든 페이지는 배경 태그를 통해 연결된 동일한 HTML 조각입니다. 내비게이션을 클릭한 후 js를 통해 색상을 변경했는데 페이지로 이동하기 위해 클릭하면 js로 변경된 색상이 유효하지 않게 되었습니다. 나 이 문제를 어떻게 해결하나요?

Answer 1

직접 답변해 드리겠습니다. 작성하신 내용만큼 복잡할 필요는 없습니다. 각 페이지에 CSS를 추가하면 됩니다. 으아악

Answer 2

뭐 저장하세요 네비게이션 바에서 a페이지를 입력하고 닫은 후 주소창에서 b페이지를 입력했습니다. 이번에는 a페이지를 강조해 주실 수 있나요?
모든 페이지에 공통으로 적용되는 파싱 기능을 작성하고, nav 주소를 직접 사용하여 href와 일치시키세요

Answer 3

아이디어를 알려주고 각 페이지에 js 판단을 추가하세요

으아아아

Answer 4

몇 가지 방법:

1. 내비게이션 바에는 자체 iframe이 있습니다.

2. sessionStorage/localStorage를 사용하여 상태를 저장하세요.

URL 매개변수가 포함된 점프 페이지&active =xxx;
스파를 이용하면 페이지로 바로 이동하지 않습니다.
4. 답변자의 질문을 보면 2~3개가 더 적합한 것 같습니다

   
   

Answer 5

JS를 사용할 필요는 없습니다. CSS 클래스 이름을 사용하면 됩니다. 각 nav에 클래스 이름을 추가하고 이 nav의 CSS 파일에 넣으세요

으아악

Answer 6

로컬에 저장

Answer 7

배경은 현재 페이지가 어떤 페이지인지 확인한 후 카테고리를 추가할 수 있어 더욱 편리합니다.

Answer 8

로컬에 저장하고 다시 페이지에 들어갈 때 캐시를 읽고 판단하세요

Answer 9

쿠키에 상태를 저장합니다.

세션에 저장하는 것도 가능하지만, 이를 위해서는 백엔드 개발의 협조가 필요합니다.

Answer 10

li 클래스에 active를 추가하고, active의 글꼴 색상을 설정하고, 각 li에 클래스를 동적으로 추가하세요!