很多时候会遇到需要匹配出一段html字符中的图片地址,这样的情况下可以使用正则表达式来实现,但是由于html中存在其他标签也有src属性,所以为了区分开img标签跟其他的,如script...一般都要先匹配出整个img标签中的内容,再提取出src的值。(不推荐正则匹配html)
var patt = /]+src=['"]([^'"]+)['"]+/g; var result = [],temp; while( (temp= patt.exec(str)) != null ) { result.push(temp[1]); }
但是正则表达式中有一种叫做“逆序肯定环视”的特性,这个特性可以直接匹配出img标签中的src的值,不过遗憾的是,javascript中不支持这个特性。(这个特性已经在下一版ES的提案上了,相信不久的将来,在Javascript中也就能用到这个特性了。)
下面使用python来测试一下逆序肯定环视这个特性:
import re patt = re.compile(r'(?<=<img src=")[^"]*',re.I) str = '<div><img src="http://www.baidu.com/img/a.jpg"/><img src="http://www.badu.com/ll/a.jpg"/></div>' r = patt.findall(str) print(r) //['http://www.baidu.com/img/a.jpg','http://www.badu.com/ll/a.jpg']
可以看到使用逆序肯定环视匹配到的结果就是img标签中的src值。
逆序肯定环视的语法:
(?<=...) #之前的字符串内容需要匹配表达式才能匹配成功,不消耗字符串内容
如:
(?<=\d)a
即匹配的是在 前面是数字的字符'a'
!
关于环视匹配的正则特性有四种:
1.正序肯定环视 (?=...)
2.正序否定环视 (?!...)
3.逆序肯定环视 (?<=...)
4.逆序否定环视 (?<!...)