CSS背景图片的js正则表达式怎么写写

=正则表达式怎么匹配不带http的图片路径 - JavaScript当前位置:& &&&=正则表达式怎么匹配不带http的图片路径=正则表达式怎么匹配不带http的图片路径&&网友分享于:&&浏览:59次在线等=正则表达式如何匹配不带http的图片路径?源码:图片1:&img alt=&& width=&500& height=&333&
src=&images/test.gif&&&p&&/p&&p&&/p&图片2:&img alt=&& width=&500& height=&333& src=&/test.gif&&正则表达式:&img.+src=[\'&]([^\'&]+)[\'&].*&匹配结果:结果1:
images/text/test.gif结果2:
/test.gif求教,如何改正则表达式,是匹配结果只显示带http的结果,即只匹配出图片二的结果------解决方案--------------------
JScript code
var s='图片1:&img alt=&& width=&500& height=&333& src=&images/test.gif&&'+
'&p&&/p&'+
'&p&&/p&'+
'图片2:&img alt=&& width=&500& height=&333& src=&/test.gif&&';
var rx=/&img.+?src=['&](http:\/\/[^'&]+)['&].*?&/ig
while(m=rx.exec(s))alert(m[1])
12345678910
12345678910
12345678910 上一篇:下一篇:文章评论相关解决方案 12345678910 Copyright & &&版权所有正则表达式 - 博客频道 - CSDN.NET
程序猿单涛
分类:web前端javascript编程艺术
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。
正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:
var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/;
var r = fieldValue.match(reg);
if(r==null)alert('Date format error!');
下面是技匠整理的,在前端开发中经常使用到的20个正则表达式。
1 . 校验密码强度
密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。
^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
2. 校验中文
字符串仅能是中文。
^[\\u4e00-\\u9fa5]{0,}$
3. 由数字、26个英文字母或下划线组成的字符串
^\\w+$
4. 校验E-Mail 地址
同密码一样,下面是E-mail地址合规性的正则检查语句。
[\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?
5. 校验身份证号码
下面是身份证号码的正则校验。15 或 18位。
^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$
^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$
6. 校验日期
“yyyy-mm-dd“ 格式的日期校验,已考虑平闰年。
^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$
7. 校验金额
金额校验,精确到2位小数。
^[0-9]+(.[0-9]{2})?$
8. 校验手机号
下面是国内 13、15、18开头的手机号正则表达式。(可根据目前国内收集号扩展前两位开头号码)
^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$
9. 判断IE的版本
IE目前还没被完全取代,很多页面还是需要做版本兼容,下面是IE版本检查的表达式。
^.*MSIE [5-8](?:\\.[0-9]+)?(?!.*Trident\\/[5-9]\\.0).*$
10. 校验IP-v4地址
IP4 正则语句。
\\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\b
11. 校验IP-v6地址
IP6 正则语句。
(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))
12. 检查URL的前缀
应用开发中很多时候需要区分请求是HTTPS还是HTTP,通过下面的表达式可以取出一个url的前缀然后再逻辑判断。
if (!s.match(/^[a-zA-Z]+:\\/\\
s = 'http:
13. 提取URL链接
下面的这个表达式可以筛选出一段文本中的URL。
^(f|ht){1}(tp|tps):\\/\\/([\\w-]+\\.)+[\\w-]+(\\/[\\w- ./?
14. 文件路径及扩展名校验
验证windows下文件路径和扩展名(下面的例子中为.txt文件)
^([a-zA-Z]\\:|\\\\)\\\\([^\\\\]+\\\\)*[^\\/:*?&&&|]+\\.txt(l)?$
15. 提取Color Hex Codes
有时需要抽取网页中的颜色代码,可以使用下面的表达式。
^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
16. 提取网页图片
假若你想提取网页中所有图片信息,可以利用下面的表达式。
\\& *[img][^\\\\&]*[src] *= *[\\&\\']{0,1}([^\\&\\'\\ &]*)
17. 提取页面超链接
提取html中的超链接。
(&a\\s*(?!.*\\brel=)[^&]*)(href=&https?:\\/\\/)((?!(?:(?:www\\.)?'.implode('|(?:www\\.)?', $follow_list).'))[^&]+)&((?!.*\\brel=)[^&]*)(?:[^&]*)&
18. 查找CSS属性
通过下面的表达式,可以搜索到相匹配的CSS属性。
^\\s*[a-zA-Z\\-]+\\s*[:]{1}\\s[a-zA-Z0-9\\s.#]+[;]{1}
19. 抽取注释
如果你需要移除HMTL中的注释,可以使用如下的表达式。
&!--(.*?)--&
20. 匹配HTML标签
通过下面的表达式可以匹配出HTML中的标签属性。
&\\/?\\w+((\\s+\\w+(\\s*=\\s*(?:&.*?&|'.*?'|[\\^'&&\\s]+))?)+\\s*|\\s*)\\/?&
文/技匠(简书签约作者)
原文链接:/p/e7bb/comments/2135754
著作权归作者所有,转载请联系作者获得授权,并标注“简书签约作者”。
排名:千里之外
(2)(3)(2)(5)(7)(6)(4)(3)(3)(3)(12)(0)(1)(4)(2)(1)在实际例子中学习正则表达式
最近整体学习了一下正则表达式的知识,发现还是在例子中进行学习效率比较高,接下来分享一下正则表达式的经典例子并进行相关知识点的总结。
例子1:匹配5-12位的数字:^\d{5,12}$
首先介绍两个特殊符号,^表示字串开头,$表示字串结尾,这两个用来限定匹配的范围。接下来\d用来匹配一个数字,后面可以接一个{},里面输入数字。当输入一个数字时,比如{3},表示对数字进行3次匹配;当输入两个数字如例子中那样,表示匹配5-12次均可。
例子2:匹配以字母a开头的单词:\ba\w*\b
在正则表达式中可以直接使用字符来进行匹配,比如使用a就表示匹配带a字母的模式。\b表示字符的 边缘。\w表示匹配除了空格以外的一切字符。在正则表达式中可以使用一些符号表示匹配多少次,其中*表示匹配0-N次,+表示匹配1-N次,?表示匹配0或1次。所以上面的例子中\w*表示a后面接着0或多个字符。因此整个模式匹配的就是以a开头的字符。
例子3:匹配座机电话号码:\(?0\d{2}[) -]?\d[8]
这个正则表达式匹配的是形如(010)或者022-这类的电话号码。首先要注意,因为(?等符号在正则表达式中都有特殊的意义,因此要使用真正的这类符号的时候需要进行转意。这个例子中最开始的\)?就表示(出现0次或1次。接下来是区号,因为区号是3位数字并且开头的数字必须为0,因此使用0\d{2}就可以完美匹配这个要求。然后是[]的使用。[]内可以放入多个值,表示下一位匹配的是这其中字符中的一个。比如这里的[) -]?就表示匹配左括号、空格或者-中的一个,匹配0次或1次。最后再使用\d{8}匹配8位数字即可符合要求。
例子4:匹配以ing结尾的单词的前面部分:\b\w+(?=ing\b)
这里面使用了零宽断言,零宽断言中的(?=exp)表示匹配后面的要求的前面的部分。本例中的(?=ing\b)匹配的就是要以ing结尾的字符。
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467142',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'

我要回帖

更多关于 js正则表达式怎么写 的文章

 

随机推荐