javascript - Bagaimanakah NetEase Cloud Music menyedari bahawa tag href mempunyai nilai dan tidak melompat?
扔个三星炸死你
扔个三星炸死你 2017-07-05 10:56:54
0
5
1039

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?

扔个三星炸死你
扔个三星炸死你

membalas semua(5)
为情所困

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

Peter_Zhu

window.location.hash

给我你的怀抱

iframe

某草草

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>
过去多啦不再A梦

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan