사용자 기록 및 뒤로 버튼 만들기

• 할 수있다 19, 2024

JavaScript는 종종 이전에 본 페이지로 돌아 가기 위해 뒤로 버튼을 만드는 데 사용됩니다. 웹 페이지 하단에 다음과 같은 내용이 표시되는 경우가 종종 있습니다.



유용 할 수 있습니다. 웹 페이지 읽기를 마치면 마우스 포인터가 창의 맨 아래 근처에 있으므로 맨 아래에서 탐색하는 것이 편리 할 수 ​​있습니다. 그러나 기록 버튼을 추가하기 전에 고려해야 할 몇 가지 중요한 질문이 있습니다.

웹 페이지의 맥락에서 되돌아온 것은 무엇을 의미합니까?
독자들은 어디로 돌아가고 싶습니까?
독자들이 어디로 가고 싶어?
이 중 일부 또는 전부가 브라우저 기록의 URL과 일치 할 가능성이 있습니까?

너무나 자주, 나는 웹 검색이나 링크에서 더 큰 시리즈의 2 또는 3 부분 인 정말 훌륭한 웹 페이지를 발견합니다. 뒤로 버튼이 표시되면 시리즈의 이전 페이지로 돌아가서 내 기록의 이전 페이지로 돌아갈 것이라고 생각하여 누릅니다. 관심있는 페이지로 돌아가서 둘러보고 시리즈의 첫 번째 페이지에 대한 링크가 없습니다. 다음 또는 앞으로 버튼, 내가 시도한 버튼의 거울 이미지가 있으며 시리즈의 다음 페이지로 이동합니다. 기록 기능을 잘못 사용했을 수 있습니다.

히스토리 기능은 훌륭하게 사용됩니다. 어려우거나 익숙하지 않은 단어를 용어집에 연결하는 경우 용어집의 각 항목 다음에 뒤로 단추가 있으면 의미가 있습니다. 사이트의 여러 곳에서 동일한 용어집 항목에 링크 할 수 있으며 사람들은 해당 용어를 찾은 후 읽은 페이지로 되돌아 가기를 원할 것입니다.

또한 히스토리의 URL이 사용자가 이전에보고 있던 페이지로 돌아 가지 않을 수도 있음을 기억해야합니다. 히스토리에서 URL을 변경하지 않고 JavaScript를 사용하여 페이지의 컨텐츠를 변경하는 몇 가지 방법이 있습니다. 이러한 기능 중 하나를 사용 중이고 히스토리 기능을 구현하려는 경우 직접 구현해야합니다. 이것의 단점은 브라우저 기록과 달리 그 안에있는 내용을 담당한다는 것입니다. 단점은 사이트에서만 작동한다는 것입니다.

히스토리 기능을 구현하기로 결정하면 매우 쉽습니다. 이미지를 다음 형식의 URL에 연결하기 만하면됩니다.

돌아 가기

또는 window.history.back ()을 호출하도록 적절한 이벤트를 설정하십시오.

비디오 지침: 여러분이 사용하고 있지 않은 놀라운 단축기 15가지 (할 수있다 2024).