Bagaimanakah JavaScript Dapat Mengesan Sauh Hash dalam URL?

Mengesan Sauh Hash dalam URL dengan JavaScript

Apabila bekerja dengan Aplikasi Satu Halaman (SPA), selalunya perlu untuk menentukan sama ada URL mengandungi sauh #hash pautan. Maklumat ini membantu mencetuskan gelagat JavaScript tertentu atau memuatkan kandungan halaman yang berkaitan dengan sauh yang dipilih.

Sauh Hash

Sauh Cincang dilampirkan pada penghujung URL menggunakan simbol #, membenarkan pembangun menavigasi ke bahagian tertentu halaman. Berikut ialah beberapa contoh:

• example.com/page.html#anchor
• example.com/page.html#anotheranchor

Logik JavaScript untuk Menyemak Cincang

Untuk menguji kehadiran cincang dalam URL menggunakan JavaScript, anda boleh gunakan kod berikut:

if (window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}

Logik ini menyemak sifat window.location.hash, yang mengembalikan bahagian cincang URL semasa. Jika harta itu mempunyai nilai, ia menunjukkan kehadiran sauh cincang. Jika tidak, ini bermakna URL tidak mengandungi cincang.

Aplikasi Praktikal

Anda kini boleh memasukkan logik ini ke dalam kod jQuery/JavaScript anda untuk melaksanakan tindakan tertentu hanya apabila sauh cincang hadir dalam URL:

if (window.location.hash) {
  // Execute code for hash-based navigation
} else {
  // Execute code for regular page navigation
}

Dengan melaksanakan semakan mudah ini, anda boleh meningkatkan kefungsian aplikasi web anda dan menyesuaikan tingkah laku mereka berdasarkan kehadiran sauh cincang dalam URL.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Dapat Mengesan Sauh Hash dalam URL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!