javascript自动给文本url地址增加链接的方法

时间：2022-11-14 22:02:39 编辑：袖梨来源：一聚教程网

URL地址自动添加的实现其实就是那么点内容：检测与替换。

检测

“检测”就是检测文字（字符串）内部是否有符合http地址的内容，显然，这需要用到正则表达式进行验证，这个工作前端和后台都可以做，这里，只讲前端的方法，使用JavaScript实现。

验证HTTP地址的正则表达式如下（可能有疏漏或是不准确之处，欢迎指正）：

代码如下	复制代码
var reg = /(http://\|https://)((w\|=\|?\|.\|/\|&\|-)+)/g;

前一部分匹配http或是https开头的URL字符串地址，后面一部分匹配一些字符，英文字符、下划线(_)、点号(.)、问号(?)以及等号(=)，连接短线(-)等。

替换 www.111com.net
说到JavaScript中的替换功能，首先想到的自然是replace属性了，replace属性强大之处在于其支持正则表达式，可以对符合正则的字符串进行替换。例如，我们要替换掉字符串两端的空格就可以使用类似下面的语句：

代码如下	复制代码
var s = " blank "; s = s.replace(/^s+(.*?)s+$/, ""); alert(s);

就会得到”blank”，两端的空格被剔除了。同样的，这里只要将匹配的http地址替换成标签嵌套的含有href属性的http地址就可以了

例,这个表达式可以匹配 http,https,ftp,ftps以及IP地址的URL地址。

代码如下	复制代码
var URL = /(https?://\|ftps?://)?((d{1,3}.d{1,3}.d{1,3}.d{1,3})(:[0-9]+)?\|([w]+.)(S+)(w{2,4})(:[0-9]+)?)(/?([w#!:.?+=&%@!-/]+))?/ig;

还算是URL地址匹配计较完善的。利用这个表达式我写了两个小函数，将用户留言的URL地址替换成可点击的链接，没有什么太难的，就是利用JavaScript 的 replace() 函数来实现替换 URL 为 link：

代码如下

复制代码

/**
* JavaScrit 版本
* 将URL地址转化为完整的A标签链接代码
*/

var replaceURLToLink = function (text) {
text = text.replace(URL, function (url) {
var urlText = url;
if (!url.match('^https?://')) {
url = 'http://' + url;
}
return '' + urlText + '';
});

return text;
};

推荐专题

最新下载

热门教程

javascript自动给文本url地址增加链接的方法

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程