javascript - NetEase Cloud Music은 a 태그 href에 값이 있고 점프하지 않는다는 것을 어떻게 인식합니까?

Question

예를 들어 http://music.163.com/#/song?i...
아래 노래 제목을 클릭하면 페이지가 새로 고쳐지거나 이동하지 않습니다. 어떻게 해야 할까요?

Answer 1

http://music.163.com/#/song?i...
# 번호 다음의 것을 프래그먼트(fragment)라고 부르기도 하고, 앵커 포인트(anchor point)라고도 부르기도 합니다. 이 기능은 브라우저를 새로 고치거나 서버에 요청을 제출하지 않지만 브라우저 기록을 생성할 수 있습니다.
#번호 뒤의 값은 window.location.hash
이므로 hashchange에서 이 해시 값의 변화만 모니터링하면 됩니다

Answer 2

window.location.hash

Answer 3

아이프레임

Answer 4

초보이시나봐요... 소스코드 더보기

으아악

---

사실 저는 방금 Event.preventDefault

를 사용했습니다. 으아악

Answer 5

페이지가 실제로 새로 고쳐지지 않습니다. 이는 페이지를 대상 위치로 이동할 수 있다는 것을 알고 있습니다. 또한 이는 위에서 언급한 js 해시 및 라우팅에 대해 알아볼 수 있습니다.