ホームページ >ウェブフロントエンド >jsチュートリアル >JS は URL をクリック可能なハイパーリンクに変換します
最近、掲示板プロジェクトに取り組んでいたのですが、通常のテキストリンクの 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"); ;/ スクリプト