Heim >Web-Frontend >js-Tutorial >JS wandelt URLs in anklickbare Hyperlinks um
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> >