JavaScript에서 URL의 해시 확인

1. JavaScript의 모든 URL에서 해시 확인
2. JavaScript의 현재 URL에서 해시 확인

JavaScript에서는 작업 중인 URL에 해시(#)가 있는지 확인하는 가장 간단한 방법이 있습니다. 즉, window.location.hash를 사용하는 것입니다. 그것은 현재 웹사이트의 정보를 그립니다.

또한 주어진 URL이 해시로 구성되어 있는지 확인하는 다른 방법이 있습니다. URL을 문자열로 취하고 인덱스를 확인하여 해시를 찾습니다. 다시 말하지만, split() 메서드를 사용하여 URL에 해시가 있는지 확인할 수 있습니다.

다음 예제에서는 jQuery 솔루션과 함께 미리 볼 수 있습니다. 파헤쳐 보자!

JavaScript의 모든 URL에서 해시 확인

여기에서 미리 정의된 URL에서 해시의 존재를 얻을 수 있는 방법을 다루는 두 가지 인스턴스를 볼 수 있습니다. 다음은 사례 해결을 위한 indexOf() 및 split() 메서드를 포함합니다.

indexOf를 사용하여 JavaScript의 모든 URL에서 해시 확인

우리가 고려할 URL은 문자열의 경우 indexOf 메서드가 재생되기 때문에 문자열로 설정되어야 합니다. 따라서 원하는 결과를 제공하기 위해 여기에 조건문을 설정하고 적절한 피팅을 얻습니다.

코드 라인을 확인해 봅시다.

코드 조각:

var url = 'http://www.google.sk/foo?boo=123baz';

if (url.indexOf('#') !== -1) {
  console.log('got hash')
} else {
  console.log('No hash');
}

출력:

split() 메서드를 사용하여 JavaScript의 모든 URL에서 해시 확인

이 경우 다시 URL을 문자열로 간주합니다. 나중에 해시가 있는 경우 split() 메서드를 사용하여 토큰을 얻고 조건에 따라 해시를 얻습니다.

코드 펜스가 명확하게 보여줄 것입니다.

코드 조각:

var url = 'https://mail.google.com/mail/u/0/#inbox';
var parts = url.split('#');
if (parts.length > 1) {
  console.log('Found hash');
}

출력:

JavaScript의 현재 URL에서 해시 확인

우리는 현재 웹사이트와 그 주소에 초점을 맞출 것입니다. URL을 가져옴으로써 해시 부분을 확인하고 찾으면 확인 단어가 생성됩니다. 그렇지 않으면 부정.

window.location.hash를 사용하여 JavaScript의 현재 URL에서 해시 확인

기본 window.location.hash는 현재 URL을 가져오고 해시 결과가 있는지 확인합니다. 그러면 답을 얻을 수 있는 조건을 설정합니다.

코드 조각:

var hash = window.location.hash;
if (hash) {
  console.log('hash found');
} else {
  console.log('hash not found')
}

출력:

jQuery .prop() 메서드를 사용하여 JavaScript에서 현재 URL의 해시 확인

유사하게 여기서는 기본적으로 작업 중인 현재 창을 가져오는 $(location)을 사용했습니다. 그런 다음 .prop() 메서드는 조건을 추가하여 URL에서 사용 가능한 해시를 찾습니다.

코드 조각:

var hash = $(location).prop('hash');
if (hash) {
  console.log('hash found');
} else {
  console.log('no hash')
}

출력: