ホームページ >ウェブフロントエンド >jsチュートリアル >JS は URL をクリック可能なハイパーリンクに変換します

JS は URL をクリック可能なハイパーリンクに変換します

巴扎黑
巴扎黑オリジナル
2016-12-06 11:22:221993ブラウズ

最近、掲示板プロジェクトに取り組んでいたのですが、通常のテキストリンクの URL をクリック可能なハイパーリンクに変換する必要がありました。当時私が考えていた方法は、ソースコードを直接変更して実現することでした。しかし、検索した結果、次のことがわかりました。実は、私のような「怠け者」にとって、もっと簡単な方法があり、それを真剣に検討してみると、すべてのリンクが正確に変換できることがわかりました。短い JS コードであり、互換性が非常に高く、整理されて全員と共有されます。

注: リンクを変換する必要がある領域に id=container を追加します

次に、Web サイトの下部に次のコードを追加します

JavaScript コード

<script> </script>

window.onload=function() {

var div = document.getElementById("container");

var s=div.innerHTML;

var re = /(http://[w./]+)(?![^

div.innerHTML=s.replace(re,"$1"); ;/ スクリプト

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。