【www.gdgbn.com--正则表达式】

js url地址自动添加的实现正则
url地址自动添加的实现其实就是那么点内容:检测与替换。

检测
"检测"就是检测文字(字符串)内部是否有符合http地址的内容,显然,这需要用到正则表达式进行验证,这个工作前端和后台都可以做,这里,只讲前端的方法,使用网页特效实现。

验证http地址的正则表达式如下(可能有疏漏或是不准确之处,欢迎指正):

var reg = /(http://|https教程://)((w|=|?|.|/|&|-)+)/g;

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

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

var s = " blank ";
s = s.replace(/^s+(.*?)s+$/, "");
alert(s);

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

现在有个问题是,如何高效的获取匹配的字符串呢。在正则表达式中,有个叫做分组及反向引用的概念。例如有个regexp构造函数,在调用了test()方法后,所有的反向引用都被保存在这个regexp构造函数中,从regexp.$1(它保存了第一个反向引用)开始,如果还有第二个反向引用,就是regexp.$2,如果还有第三个,就是regexp.$3,依次类推。

反向引用也可以用在string对象的replace方法中,也就是本文用到的字符串替换的方法中,所以我们就可以使用$1 $2来获取正则表达式的分组内容,实现高效的正则替换。参见如下代码:

var v = "欢迎访问我的个人网站:";
v = v.replace(reg, "$1$2"); //这里的reg就是上面的正则表达式
alert(v);

结果会弹出类似下图的结果:


组合与提炼
根据上面的一些分析,现在我们可以把替换http://字符串的方法提炼出来,写成可继承的形式,见如下代码(方法名为httphtml,适应于所有字符串):

string.prototype.httphtml = function(){
 var reg = /(http://|https://)((w|=|?|.|/|&|-)+)/g;
 return this.replace(reg, "$1$2");
};

var v = "欢迎访问我的个人网站:http://www.111cn.net/";
alert(v.httphtml());
结果这段代码显示的结果与上图几乎一致(引号的差异):

本文来源:http://www.gdgbn.com/aspjiaocheng/28932/