js正则:获取css与html中的图片名字,用于清理不再使用的图片(正则的效率问题建议不使用)

---测试代码----

var re = /(?:background(?:\-image)? *\:[^\:;\}]*url *\([ "']*(?:.*\/)?([^\/]+\.(?:gif|jpg|png))['" ]*\))|(?:<\w+(?:\s[^<>]*(?:(?:'[^']*')|(?:"[^"]*"))?[^<>]*)*\s+src\s*\=\s*["']?(?:[^"' <>]*\/)?([^\/"'<>]+\.(?:gif|jpg|png))['" ](?:\s[^<>]*(?:(?:'[^']*')|(?:"[^"]*"))?[^<>]*)*\/?>)/ig;
var str = '<img sdrc="dd.gif">background:url(d.gif);<input d\n\rs src="<d src=dkkd.gif">"dd src="./../kdk/ew_10.gif.jpg.png" >';
alert(re.exec(str));

-----------输出-------

background:url(d.gif),d.gif,

-------测试str变量----------

var str = '<img sdrc="dd.gif">background:url(d.gif);<input d\n\rs src="<d src=dkkd.gif">"dd src="./../kdk/ew_10.gif.jpg.png" >';

----输出---

<img src="dd.gif">,,dd.gif

----说明---

本来想法是不返回全局匹配,只返回图片名字的子匹配,看来不行.

但是需要注意的是全局匹配如果是css的就会返回css正则那节的匹配,而不是html中的然后子匹配在第三个.

如果是出现html匹配.全局匹配是html的话.子匹配会出现在第二个,第三个是空的.