javascript - Bagaimanakah NetEase Cloud Music menyedari bahawa tag href mempunyai nilai dan tidak melompat?

Question

Sebagai contoh, halaman ini http://music.163.com/#/song?i...
Klik pada tajuk lagu di bawah, dan halaman itu tidak akan dimuat semula atau melompat Bagaimana untuk mencapai ini?

Answer 1

http://music.163.com/#/song?i... Perkara selepas nombor
# dipanggil serpihan, atau ia juga boleh dipanggil titik sauh. Perkara ini tidak akan menyegarkan penyemak imbas, ia juga tidak akan menghantar permintaan kepada pelayan, tetapi ia boleh menjana rekod penyemak imbas.
Dapatkan nilai selepas # nombor ialah window.location.hash
Jadi anda hanya perlu memantau perubahan nilai hash ini padahashchange

Answer 2

window.location.hash

Answer 3

iframe

Answer 4

Saya rasa anda seorang pemula... Lihat lebih banyak kod sumber

_onAnchorClick = function(_event){//截获所有<a>标签的点击事件，自定义页面的跳转
    _event = _event||window.event;
    var _el = _event.target||_event.srcElement,
    _base = location.protocol+'//'+location.host;
    
    while(_el&&_el!=document){
        // ...
    }

}

_addEvent(document,'click',_onAnchorClick);

---

Malah, saya baru sahaja menggunakan Event.preventDefault

  <a href="https://baidu.com">我想跳转到百度搜索哆啦A梦</a>


  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  
  <script>
    
    $('a').on('click', function (event) {
      event.preventDefault();
    })
  
  </script>

Answer 5

Halaman ini sebenarnya tidak dimuatkan semula Anda tahu "#target", yang boleh melompat halaman anda ke lokasi sasaran Ini sebenarnya serupa dengan ini, anda boleh belajar tentang cincangan js (disebutkan di atas) dan penghalaan