みなさんこんにちは、jsの便利差をひしひしを感じているので、今まで私が使ったjsの豆知識を紹介したいと思います。
今回は「自動でURLにaタグを追加する関数」です。
使う関数は
function addLink(str) {
//正規表現で検索するurlの形を設定
var url = /((h?)(ttps?:\/\/[a-zA-Z0-9.\-_@:/~?%&;=+#',()*!]+))/g; // ']))/;
//URLにaタグをつけて返す関数
var generate_link = function (all, url, h, href) {
return '<a href="h' + href + '" target="__blank">' + url + '</a>';
}
//引数strの中にあるUrlをリンク付きに置換
return str.replace(url, generate_link);
}
この関数に文字列を渡すと、その中のリンクがaタグで囲まれて返ってきます。
静的なページでもよくリンク付きの更新が入るようなページ(よくある質問)などに良いのではないでしょうか?