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

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

May 16, 2016 pm 06:16 PM
hash location

예를 들어 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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP에서 Redis Hash 작업을 구현하는 방법 PHP에서 Redis Hash 작업을 구현하는 방법 May 30, 2023 am 08:58 AM

해시 연산 //해시 테이블의 필드에 값을 할당합니다. 성공하면 1을, 실패하면 0을 반환합니다. 해시 테이블이 없으면 테이블이 먼저 생성된 후 값이 할당됩니다. 필드가 이미 있으면 이전 값을 덮어씁니다. $ret=$redis->hSet('user','realname','jetwu');//해시 테이블에서 지정된 필드의 값을 가져옵니다. 해시 테이블이 없으면 false를 반환합니다. $ret=$redis->hGet('사용자','지역

Nginx 서버의 위치 구성 예시 분석 Nginx 서버의 위치 구성 예시 분석 May 24, 2023 pm 02:05 PM

먼저 nginxwiki의 예를 예로 들어 위치 유형과 일치 규칙을 간략하게 소개하겠습니다. .[ 구성b]}위치^~/im

Laravel 개발: Laravel Hash를 사용하여 비밀번호 해시를 생성하는 방법은 무엇입니까? Laravel 개발: Laravel Hash를 사용하여 비밀번호 해시를 생성하는 방법은 무엇입니까? Jun 17, 2023 am 10:59 AM

Laravel은 현재 가장 인기 있는 PHP 웹 프레임워크 중 하나이며 개발자에게 많은 강력한 기능과 구성 요소를 제공하며 LaravelHash도 그 중 하나입니다. LaravelHash는 비밀번호를 안전하게 유지하고 애플리케이션의 사용자 데이터를 더욱 안전하게 만드는 데 사용할 수 있는 비밀번호 해싱용 PHP 라이브러리입니다. 이 글에서는 LaravelHash의 작동 방식과 이를 사용하여 비밀번호를 해시하고 확인하는 방법을 알아봅니다. 라라 학습을 위한 필수 지식

nginx 위치에서 uri를 가로채는 방법 nginx 위치에서 uri를 가로채는 방법 May 18, 2023 pm 12:07 PM

참고: location의 루트 및 aliasroot 명령은 검색 루트를 루트가 설정한 디렉터리로 설정합니다. 즉, uri는 잘리지 않습니다. 대신 원본 uri는 파일을 찾기 위해 해당 디렉터리로 이동하는 데 사용됩니다. aias 명령은 일치하는 uri를 잘라낸 다음 별칭으로 설정된 경로와 나머지 uri를 하위 경로로 사용하여 해당 위치에서 Proxy_pass의 uri를 찾습니다. /"이면 일치하는 URI가 잘립니다. 꼬리가 "/"가 아닌 경우 Proxy_pass의 URL에 uri가 포함되어 있으면 일치하는 URI가 잘리지 않습니다.

Nginx에서 위치를 구성하고 규칙을 다시 작성하는 방법 Nginx에서 위치를 구성하고 규칙을 다시 작성하는 방법 May 18, 2023 pm 12:25 PM

위치 튜토리얼 예: location=/{#정확한 일치/, 호스트 이름 뒤에는 어떤 문자열도 올 수 없습니다. [configurationA]}location/{#모든 주소가 /로 시작하기 때문에 이 규칙은 모든 요청과 일치합니다#그러나 일반 및 가장 긴 문자열 먼저 [configurationB]}location/documents/{#/documents/로 시작하는 모든 주소와 일치합니다. 일치 후 계속 아래쪽으로 검색합니다.#다음 정규식이 일치하지 않는 경우에만 이 문서에서는 [configurationC]}location을 사용합니다. ~/문서

Nginx 서버에서 위치를 구성하는 방법 Nginx 서버에서 위치를 구성하는 방법 May 14, 2023 pm 07:16 PM

문법 위치[=|~|~*|^~]/uri/{...} 규칙=: 정확한 uri 일치를 나타냅니다(관심 있는 학생들은 url과 uri의 차이를 살펴볼 수 있습니다)~: 대소문자를 구분함을 나타냅니다. 정규 일치~*: 대소문자를 구분하지 않는 일반 일치를 나타냅니다!~&&!~*: 대소문자를 구분하지 않음을 나타냅니다. 일치하지 않음 일반 및 대소문자를 구분하지 않고 일치하지 않음 일반 /: 범용 일치, 모든 요청은 위치 일치와 일치합니다 대상 위치 일치 테스트에서는 매개변수 부분이 아닌 요청 uri 부분만 사용합니다. (이유: 매개변수를 쓰는 방법이 너무 많아 정확하게 일치시킬 수 없습니다.) 위치 일치 시퀀스에서 여러 위치 구성을 전제로,

Nginx 위치 지시어 URI 일치 규칙은 무엇입니까? Nginx 위치 지시어 URI 일치 규칙은 무엇입니까? May 14, 2023 pm 11:58 PM

1. 소개 위치 지시문은 사전 정의된 URL 일치 규칙에 따라 사용자가 보낸 요청을 수신하고 일치 결과를 기반으로 요청을 백엔드 서버로 전달하여 거부하고 반환합니다. 403. 404, 500 오류 처리 등 2. 위치 명령 구문 location[=|~|~*|^~|@]/uri/{…} 또는 location@name{…} 3. URI 일치 모드 위치 명령은 두 가지 일치 모드로 구분됩니다. 1> 일반 문자 문자열 일치: =로 시작하거나 선행 문자(~) 없이 시작하는 규칙 2> 일반 일치: ~ 또는 ~*로 시작하는 것은 일반 일치를 나타내고, ~*

Nginx에서 서버와 위치의 일치 논리는 무엇입니까? Nginx에서 서버와 위치의 일치 논리는 무엇입니까? May 12, 2023 am 11:10 AM

서버 일치 논리 nginx는 요청을 실행할 서버 블록을 결정할 때 주로 서버 블록의 청취 및 server_name 필드에 중점을 둡니다. 청취 명령 청취 필드는 청취 필드가 명시적으로 지정되지 않은 경우 서버 응답의 IP 및 포트를 정의합니다. 구성된 경우 기본 수신 0.0.0.0:80(루트) 또는 0.0.0.0:8080(비루트) 수신은 다음과 같이 구성될 수 있습니다. IP와 포트의 조합, 단일 IP, 기본적으로 포트 80에서 수신, 단일 포트 및 기본적으로 모든 IP 인터페이스에서 수신 대기 마지막 항목은 일반적으로 다른 인터페이스에서만 사용되는 unixsocket 경로

See all articles