Heim > Web-Frontend > js-Tutorial > JS wandelt URLs in anklickbare Hyperlinks um

JS wandelt URLs in anklickbare Hyperlinks um

巴扎黑
Freigeben: 2016-12-06 11:22:22
Original
1856 Leute haben es durchsucht

Ich habe kürzlich an einem Message-Board-Projekt gearbeitet und musste gewöhnliche Textlink-URLs in anklickbare Hyperlinks umwandeln. Ich dachte darüber nach, den Quellcode direkt zu ändern, aber nach der Suche stellte ich fest, dass es tatsächlich eine einfachere Lösung gibt Für eine „faule Person“ wie mich ist die Umsetzung auf jeden Fall sehr einfach. Nach dem Testen habe ich festgestellt, dass der Effekt sehr gut ist. Der Schlüssel ist nur ein kurzes Stück von JS-Code, und es ist sehr gut, kompiliert und mit allen geteilt.

Hinweis: Fügen Sie id=container in dem Bereich hinzu, in dem der Link konvertiert werden muss

Fügen Sie dann den folgenden Code unten auf der Website ein

Javascript-Code

<script> </p> <p>window.onload=function(){ </p> <p> var div = document.getElementById("container"); </p> <p> var s=div. innerHTML; </p> <p>var re = /(http://[w./]+)(?![^<]+>)/gi </p> <p> div.innerHTML=s .replace (re,"<a href='$1' target='_blank'>$1</a>"); </p> <p></script> >

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage