Bagaimanakah Saya Boleh Mengesan dan Menukar URL kepada Hiperpautan dalam JavaScript?

Kesan URL dalam Teks dengan JavaScript

Mengesan URL boleh mencabar kerana fleksibiliti format URL. Untuk menangani perkara ini, kami mencipta fungsi tersuai yang menggantikan mana-mana URL yang dikesan dengan hiperpautan HTML.

Regex untuk Pengesanan URL

Mencari URL memerlukan ungkapan biasa yang tepat. Walaupun "kLINK_DETECTION_REGEX" yang disediakan adalah menyeluruh, ia boleh membawa kepada positif palsu. Untuk demonstrasi ini, kami akan menggunakan regex yang lebih mudah: /(https?://¹ )/g.

Penggantian Rentetan

Setelah kami mempunyai regex, kami boleh menggantikan URL dengan hiperpautan menggunakan kaedah replace(). Rentetan gantian boleh dibina menggunakan penggabungan rentetan:

return text.replace(urlRegex, '<a href="' + url + '">' + url + '</a>')

Sebagai alternatif, kita boleh menggunakan rujukan belakang $1:

return text.replace(urlRegex, '<a href=""></a>')

Contoh Penggunaan

Memandangkan teks input: 'Cari saya di http://www.example.com dan juga di http://stackoverflow.com', fungsi urlify akan menghasilkan HTML berikut:

Find me at <a href="http://www.example.com">http://www.example.com</a> and also at <a href="http://stackoverflow.com">http://stackoverflow.com</a>

---

1. s ↩

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan dan Menukar URL kepada Hiperpautan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!