Rumah > hujung hadapan web > tutorial js > Bagaimanakah JavaScript Boleh Mengesan Pautan Sauh Hash dalam URL?

Bagaimanakah JavaScript Boleh Mengesan Pautan Sauh Hash dalam URL?

Mary-Kate Olsen
Lepaskan: 2024-12-15 09:43:09
asal
700 orang telah melayarinya

How Can JavaScript Detect Hash Anchor Links in URLs?

Cara Mengenalpasti Pautan Sauh Hash dalam URL dengan JavaScript

Sama ada anda sedang membina halaman web dinamik atau membangunkan widget interaktif, ia selalunya diperlukan untuk membezakan URL dengan pautan sauh cincang daripada yang tiada. Untuk mencapai ini dalam JavaScript, anda boleh memanfaatkan sifat location.hash.

Semak Pautan Sauh Hash

Untuk menentukan sama ada URL mengandungi pautan sauh hash, anda boleh menggunakan coretan kod berikut:

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

Sifat location.hash mengembalikan bahagian URL yang mengikuti simbol cincang (#), termasuk simbol cincang itu sendiri. Apabila pautan sauh cincang hadir dalam URL, location.hash akan menjadi rentetan bukan kosong. Sekiranya tiada pautan sauh cincang, location.hash akan menjadi rentetan kosong.

Contoh Penggunaan

Andaikan anda mempunyai kod HTML berikut:

<a href="page.html#anchor">Go to Anchor</a>
Salin selepas log masuk

Jika pengguna mengklik pada pautan ini, penyemak imbas akan menavigasi ke URL "page.html#anchor". Menggunakan kod JavaScript yang disediakan di atas, anda boleh menyemak sama ada pautan sauh cincang hadir dalam URL seperti berikut:

if (window.location.hash === "#anchor") {
  // Code to execute when the anchor exists
}
Salin selepas log masuk

Dengan menggunakan sifat location.hash, anda boleh dengan mudah menentukan kehadiran pautan sauh cincang dalam URL, membolehkan anda melaksanakan logik bersyarat dengan sewajarnya.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan