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

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

WBOY
WBOY원래의
2016-05-16 18:16:521464검색

예를 들어 location.href는 페이지의 URL이지만 location.hash는 페이지의 태그 값을 가져오거나 설정할 수 있습니다. 예를 들어 http://domain/#testDemo의 location.hash는 #testDemo
입니다. 다음은 온라인 데모에 대한 참조입니다.
일반 검색, 고급 검색, 백그라운드 관리의 세 가지 기능이 있는 검색 섹션입니다. 해당 해시 값을 지정하십시오: #search, #advsearch, #adminboss. window.location.hash로 판단합니다. 사용자가 방문해야 할 페이지가 표시되는 섹션

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

var hash
hash = (!window.location.hash)?"#search":window.location.hash
window.location; .hash = hash;
//여기서 설명합니다(!window.location.hash가 무엇을 의미하나요? 우선 현재 페이지의 주소 표시줄에 있는 링크 주소에 #.... 가 포함되어 있지 않다면? 값을 직접 가져오면 비어 있습니다. 예를 들어 이 예에서는 http://www.jb51.net/Directly take Alert(window.location.hash)//""empty 는 부울 값으로 변환됩니다. false
// http://www.jb51.net#hello,world를 직접 사용하면 Alert(window.location.hash)//#hello,world가 true라는 부울 값으로 변환됩니다.
//The 다음은 스위치로 판단 가능
//앞으로, 뒤로 버튼을 사용할 수 있도록 주소 표시줄 주소를 조정합니다.
switch( hash){
case "#search":
show("panel1" );
break;
case "#advsearch":
show("panel2")
break
case "#adminboss":
show("panel3");
break;
}

다른 사람의 다음 인용문:
Through window .location.hash=hash 문은 주소 표시줄의 주소를 조정하는 데 사용됩니다. 브라우저의 "앞으로" 및 "뒤로" 버튼은 정상적으로 사용할 수 있습니다(본질적으로 브라우저를 속이는 것입니다). 그런 다음 다양한 해시 값을 기반으로 다양한 패널이 표시되므로(사용자는 해당 패널을 수집할 수 있음) Ajax 페이지 탐색이 더욱 전통적입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.