Bagaimanakah Saya Boleh Mengesan Perubahan dalam Hash URL Dengan Amanah Menggunakan JavaScript?

Menangkap Perubahan dalam Hash Lokasi

Apabila menggunakan Ajax dan cincang untuk navigasi, adalah penting untuk mengesan perubahan dalam window.location.hash untuk navigasi lancar dan fungsi butang belakang penyemak imbas.

Menggunakan Pendekatan Berasaskan Selang

pelayar kekurangan sokongan asli untuk acara yang memantau perubahan window.location.hash. Untuk menangani ini, satu pendekatan adalah untuk mewujudkan selang yang secara berkala menyemak cincang semasa terhadap nilai sebelumnya. Setelah mengesan percanggahan, peristiwa 'berubah' boleh dicetuskan. Walaupun tidak mudah, kaedah ini mengelakkan kekurangan sokongan acara asli.

Memanfaatkan Acara Hashchange jQuery

Bagi mereka yang menggunakan jQuery, penyelesaian yang lebih mudah adalah dengan memanfaatkannya sistem acara. jQuery menyediakan acara pertukaran hash yang boleh didengari pada objek tetingkap:

$(window).on('hashchange', function() {
  // ... Your code here ...
});

Mengendalikan Sokongan Penyemak Imbas dengan jQuery

jQuery juga menyokong 'acara khas' yang membolehkan kod persediaan tersuai untuk dilaksanakan sebelum sebarang acara digunakan. Dalam kes perubahan cincang, jika penyemak imbas tidak mempunyai sokongan asli, jQuery boleh mengkonfigurasi pemasa untuk memantau perubahan dan mencetuskan acara dengan sewajarnya.

Dengan menggunakan abstraksi jQuery dan acara khas, pembangun boleh memisahkan kod mereka daripada kerumitan sokongan penyemak imbas untuk perubahan window.location.hash, memastikan navigasi lancar dan fungsi butang belakang yang betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Perubahan dalam Hash URL Dengan Amanah Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!