javaScript识别网址文本并转为链接文本

最近项目有个需求：用户之间发送消息时，如果发送者输入的信息中含有网址文本，要在接受者界面中显示网址链接，点击该链接直接跳转到网页。
这个功能和 QQ 发送网址文本的效果非常像，可以说是一模一样的。

 

思路：首先，要判断文本中是否含有网址文本，其次，将网址文本转换为可点击的链接文本，即将网址文本通过a标签括起来。

 

判断网址：

在 javaScript 中判断某种特殊格式的文本，首选正则表达式，下面是我用来检查网址的正则：

var re = /^(f|ht){1}(tp|tps):\\/\\/([\\w-]+\\.)+[\\w-]+(\\/[\\w- ./?%&=]*)?/g;

这里需要注意的是，正则必须使用全局匹配 g 。否则只能匹配到文本中的第一个网址文本。

 

网址转换为链接文本：

在网址转换中涉及字符串的操作，那么自然要使用 String 对象的方法，先复习下 String 对象能与正则表达式一起使用的方法有哪些？
常用的有这几个：

search：检索与正则表达式相匹配的值。
match：找到一个或多个正则表达式的匹配。
replace：替换与正则表达式匹配的子串。
split