> 웹 프론트엔드 > JS 튜토리얼 > window.location.hash 속성 사용 지침_javascript 기술

window.location.hash 속성 사용 지침_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:31:58
원래의
1079명이 탐색했습니다.

예를 들어 http://domain/#admin의 location.hash="#admin"입니다. 이 속성 값을 사용하면 매우 의미 있는 작업을 수행할 수 있습니다.
많은 사람들이 나중에 쉽게 검색할 수 있도록 웹페이지를 북마크에 추가하는 것을 좋아합니다. 그러나 Ajax 페이지의 경우 일반적으로 하나의 페이지가 모든 트랜잭션을 처리하는 데 사용됩니다. 즉, Ajax 페이지에서 흥미로운 콘텐츠를 찾아 저장하고 싶지만 주소가 하나뿐인 경우 다음에 열 수 있습니다. 이 주소의 경우 좋아하는 페이지를 찾으려면 평소처럼 웹페이지를 클릭해야 합니다. 또한 브라우저의 "앞으로" 및 "뒤로" 버튼도 사용할 수 없게 되어 기존 페이지에 익숙한 많은 사용자가 사용하는 데 큰 장애물이 됩니다.
그렇다면 location.hash를 사용하여 이 두 가지 문제를 해결하는 방법은 무엇일까요? 전혀 신비롭지 않습니다.
예를 들어 내 작성자 관리 시스템에는 일반 검색, 고급 검색, 백그라운드 관리라는 세 가지 주요 기능이 있습니다. 페이지가 초기화되면 각각 #search, #advsearch, #admin이라는 해시 값을 할당합니다. window.location.hash를 사용하여 사용자가 액세스해야 하는 페이지를 결정한 다음 자바스크립트를 통해 표시된 페이지를 조정합니다. 예:

코드 복사 코드는 다음과 같습니다.

var hash
hash=(!window.location.hash)?"#search":window.location.hash;
window.location.hash=hash;
//앞으로 가기 버튼과 뒤로 가기 버튼이 나오도록 주소 표시줄 주소를 조정하세요.
스위치(해시){
case "#search":
selectPanel("pnlSearch"); //일반 검색 패널 표시
break
case "#advsearch":
case "#admin ":
}

window.location.hash=hash 문을 사용하여 주소 표시줄의 주소를 "forward" 및 "back"으로 조정합니다. 브라우저의 버튼은 정상적으로 사용할 수 있습니다(본질적으로 브라우저를 속입니다). 그런 다음 다양한 해시 값을 기반으로 다양한 패널이 표시되므로(사용자는 해당 패널을 수집할 수 있음) Ajax 페이지 탐색이 더욱 전통적입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿