해시기호 반환 / 도메인에 붙은 #의 값을 얻어보자 / 크로스 브라우징 체크 / 앵커 반환

HTML의 Location Hash 속성을 통해 URL의 앵커 부분을 반환이 가능합니다.

예를 들어

https://www.naver.com/#jk_s 라는 도메인이 있습니다.

여기서 location.hash를 사용하면 #jk_s를 얻을 수 있습니다.

 

console.log(location.hash);

 

물론 값이 있을때에만 해당 됩니다.

 

만약 https://www.naver.com/# 이런식으로 사용될 경우

Chrome : ''

Internet Explorer : '#'

Edge : ''

이렇게 브라우저 별로 차이가 있습니다.

 

이점을 참고해서 체크해서 크로스 브라우징을 해주시면 됩니다.

 

물론 location.hash = 'jk_s'를 하면

https://www.naver.com -> https://www.naver.com/#jk_s

설정이 가능합니다.

 

location.hash = 'jk_s';

 

Supported Browsers

• Google Chrome
• Internet Explorer
• Firefox
• Opera
• Safari