JavaScript正则表达式实战(二)

最新推荐文章于 2025-09-06 21:48:32 发布

原创最新推荐文章于 2025-09-06 21:48:32 发布 · 340 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #javascript #function #测试 #url #dreamweaver

本文分享了一系列实用的正则表达式案例，包括匹配英文与空格、提取电话号码、替换变量、处理HTML标签等内容，旨在帮助开发者解决实际工作中遇到的各种问题。

格与英文同时存在来源：正则问题请指教啊！匹配英文以及空格，要求必须既有英文字母又有空格。这个思路和上面的差不多，只要把数字改成空格就可以了。正则如下： /^(([a-z]+/s+)|(/s+[a-z]+))[a-z/s]*$/i 英文开头加空格，或者是空格开头加英文，后面可以是英文或者空格。测试代码如下： <mce:script type="text/javascript"></mce:script> 利用这个思路也可以实现英文空格英文，英文单词多于两个的匹配。同样，也可以把英文字母换成单词字符/w。显示或者保存正则表达式匹配的部分内容有如下电话号码： 13588888333 13658447322 13558885354 13587774654 13854554786 要求，要求只匹配135开头的电话，但是匹配结果只保留135后面的数字。由于JavaScript里的正则不支持(?=xx)xxx的模式，只支持xxx(?=xx)的模式。所以只能将135后面的内容作为一个子正则表达式匹配的内容，然后再在后面引用。 Carl给出的函数如下： function f(phoneNumber) { var pattern = /^(135)(/d{8})$/; if(pattern.test(phoneNumber)) return phoneNumber.replace(pattern,"$2"); else return "不是135打头的手机号码！"; } /^(135)(/d{8})$/ 正则中，135作为开头表示第一个子正则表达式，第二个括号内的子正则表达式则匹配后面的8个数字，然后在replace中使用$2就可以引用这个子正则表达式匹配的内容了。测试代码如下： <mce:script type="text/javascript"></mce:script> 正则表达式替换变量来源：求教正则有一个数组： var _A = ['A','B','C','D']; 有一个有“变量”的字符串。 var _B = '<ul><li>$0$</li><li>$1$</li><li>$2$</li><li>$3$</li></ul>'; 说是变量，其实只是字符串中的特殊字符，例如$0$，就称这个为伪变量吧。最后的要求就是使用正则获得下面这样一个字符串： _C = '<ul><li>A</li><li>B</li><li>C</li><li>D</li></ul>'; IamUE给出了代码： <mce:script type="text/javascript"></mce:script> 代码分析：看到代码之后感觉有点晕，首先，正则reg中没有任何的括号，应该是没有捕获内容的，那么后面怎么又使用$1了引用了呢？通过alert测试，发现它是整个正则匹配的内容，而且不一定要写作$1，可以写为$0，甚至是写为x都没关系，它总是整个匹配。第一次，$1匹配到_B中的“$0$”，匿名函数中将它的$去掉，变成了0，检查是否越界之后，用这个0作为下标去访问数组_A。由于正则reg定义了g属性，所以会继续替换$1$、$2$等等。步骤都和上面一样。正则替换指定属性中的文本来源：怎样用正则来查找替换？有如下代码： <td align="center"><img src="../photo/ccg/thumbnails/O'Malley's West_jpg.gif" mce_src="photo/ccg/thumbnails/O'Malley's West_jpg.gif" border="0" onClick="MM_openBrWindow('../photo/ccg/pages/O'Malley's West_jpg.htm','BE','width=386,height=306')"> O'Malley's West</td> 要求将所有onclick属性中的’替换成/’，也就是将单引号转义。首先，需要匹配onclick属性： /onclick/s*=/s*".+?"/ig 然后再将所有的’都替换成/’就可以了。将阿拉伯数字替换为中文大写形式来源：正则问题将123替换成壹贰叁。只要匹配一个数字就可以了，测试代码如下（如果显示为乱码就调整一下浏览器的字符编码）： function replaceReg(reg,str){ return str.replace(reg,function(m){return arr[m];}) } arr=new Array("零","壹","贰","叁","肆","伍","陆","柒","捌","玖"); var reg = //d/g; var str = '13889294444'; var str2 = '12889293333'; var str3 = '23445567'; document.write(replaceReg(reg,str)+' '); document.write(replaceReg(reg,str2)+' '); document.write(replaceReg(reg,str3)+' '); 替换文本中的URL为链接来源：求一链接替换正则将一个用户输入的一段文字中的url替换成可以点击的link地址。例如：http://www.blueidea.com可以替换成 [url]http://www.cctv.com[/url] 或<a href="http://www.cctv.com" mce_href="http://www.cctv.com">http://www. blueidea.com</a>. 这个正则的关键就在于匹配链接，匹配之后，在两边加上a标签和属性不是问题。 /http:////[/w-]*(/.[/w-]*)+/ig 首先匹配http://。 [/w-]*是可能的www和bbs等。 /.[/w-]*匹配.xxx形式，至少有一个。测试代码如下： <mce:script type="text/javascript"></mce:script> 从HTML代码段删除指定标签极其内容来源：关于正则的问题在一段代码中去除<mce:script ...... /script></mce:script> 哎。就剩下我了。但是，如果使用类似的正则： /<(script|head|%)[/s/S]*?//(script|head|%)>/ig 匹配有嵌套的标签： <head> <mce:script type="text/javascript"></mce:script> </head> 哎。就剩下我了。实际匹配的内容是： <head> <mce:script type="text/javascript"></mce:script> 这是因为[/s/S]*?里的非贪婪造成的。可以使用JavaScript正则里的反向引用来解决这个问题，如果起始标签匹配了head，那么结束标签也必须是head。最后的正则如下： /<(script|head|%)[/s/S]*?///1>/ig 用正则给文本分段来源：怎样用正则分段落原代码：[title]标题一[/title]内容一232323sdfga [title]标题二[/title]内容二2232323 [title]标题三[/title]内容三2232323 要把文本分段成如下格式：一、[title]标题一[/title]内容一232323sdfga 二、[title]标题二[/title]内容二2232323 三、[title]标题三[/title]内容三2232323 只要用正则匹配title就可以了，所以正则比较简单 //[title/]/ig 至于开始的的汉字序号，只要一个数组就解决了，最终代码如下： <mce:script type="text/javascript"></mce:script> 转换源代码中的标签来源：一个正则上的问题将代码中的HTML标签img转换为[img]url[/img]。 /<img(?:/s*/w*?/s*=/s*".+?")*?/s*src/s*=/s*"(.+?)"(?:/s*/w*?/s*=/s*".+?")*/s*>/ig 这段正则和匹配链接标签的正则基本一样，修改如下,标签名img，没有结束标签而是>结束。测试代码如下： <mce:script type="text/javascript"></mce:script> 第二个是替换object代码嵌入的flash代码替换为[swf]url[/swf]。针对原文的正则如下： /<object[/s/S]*?src=([/s/S]+?)(?=/s)[/s/S]*<//object>/i 如果是所有的属性都有双引号的话正则也需要修改。测试如下： <mce:script type="text/javascript"></mce:script> 给属性添加双引号来源：请教正则表达式高手给HTML标签中的属性添加双引号。 <a href="xxx" mce_href="xxx">改为：<a href="xxx" mce_href="xxx"> LeXRus的第一个正则如下： /(?!/</w+)(/s+/w+)/=([^>/"/s]+)/ig 第一个括号没看明白，JS应该是不支持。所以我擅自给删掉了，剩下的正则如下： /(/s+/w+)/=([^>/"/s]+)/ig 第一个括号里的/s+/w+匹配的是属性名。然后是=，不用转义。第二个括号里的[^>/"/s]+匹配属性值。不匹配>”和空格。这里的引号不用转义。在意思不改变的情况下，稍微改了改，正则如下： /(/s+/w+)=([^>"/s]+)/ig 需要注意的是这个正则不匹配=两边有空格的属性，例如href = xxx。相匹配的话就改成： /(/s+/w+)/s*=/s*([^>"/s]+)/ig 代码： str=str.replace(/(?!/</w+)(/s+/w+)/=([^>/"/s]+)/ig,'$1="$2"'); 其中’$1=”$2”’就实现了给属性值添加上双引号。不过ncs指出了这个正则替换的几个问题，一是上面的空格问题，二是如果非标签内部有等号，且前面又恰巧有空白字符的话，它将会被误识别为属性，例如： <a href="xxx" mce_href="xxx" target=yyy title = asdfasf> test=sd 里面的test=sd也会被匹配。三是如果属性原来使用了单引号，会被再包上一层双引号…… 来看看LeXRus前辈的新正则替换方法： str=str.replace(/(?!</w+)(/s+/w+)/s*=/s*([^>/"/s]+)(?=[^>]*>)/ig,'$1="$2"') .replace(//"/'([^/'/"]+)/'/"/ig,'/"$1/"'); 先来看第一个正则： / (/s+/w+)/s*=/s*([^>"/s]+)(?=[^>]*>)/ig 结尾新添的(?=[^>]*>)意在解决普通文本中有等号被误识别为属性的问题： <a href="xxx" mce_href="xxx" target=yyy title = asdfasf> test=sd 就没问题了，但是 <a href="xxx" mce_href="xxx" target=yyy title = asdfasf> test=sd<tag>又一个标签</tag> 中的test=sd<tag>又会被识别为属性。我觉得改成下面的正则就没问题了： /(/s+/w+)/s*=/s*([^<>"/s]+)(?=[^<>]*>)/ig 分别在第二个括号的字符集合和最后的反向预查的字符集合中添加了一个<。下面再来分析第二个正则， //"/'([^/'/"]+)/'/"/ig 这个正则用于匹配双引号，单引号多层嵌套的情况，同样，不用转义，修改正则如下： /"'([^'"]*)'"/ig 这样基本任务就完成了。测试代码如下： <mce:script type="text/javascript"></mce:script> <textarea id="sou" style="width:100%"> <a href = xxx name=aaa target=_blank title='asdfasf' onclick=alert('blueidea')> asfd=asfd 原帖里LeXRus又提出了新问题： hint=i am lexrus 这样的属性会有问题，不过我感觉不加引号的话，属性值里就不可能有空格，否则会被识别为多个属性了。不过看到最后ncs的回帖我就哭了： onclick=if(document.forms.length>0) 这样的属性怎么办？大于号会被识别为标签结束……还是分离行为与文档吧。补充一下，其实修补一下正则也可以解决，只要改成如下正则即可： /(/s+/w+)/s*=/s*([^"/s]+)(?=[^<>]*>)/ig 就是去掉第二个括号内字符集合里的<>。最后这个问题也解决。给table加上tbody 来源：通过正则表达式快速在后加上有若干table，但是没有tbody。现在需要用正则批量加上。匹配table结束标签比较简单，在前面加上一个就行了。但是，匹配table的起始标签有点难度，因为可能有属性。不过之前匹配过链接了，这个也大同小异。实例table代码如下：

正则： //g 匹配一个就代表标签结束。之后再replace一下，加上

就可以了。去掉标签的所有属性来源：正则表达式(Dreamweaver8)

***

变成没有任何属性的

***

思路：非捕获匹配属性，捕获匹配标签，使用捕获结果替换掉字符串。正则如下： /()/ 首先，td匹配掉了标签，后面可以用$1引用，后面的若干属性被(?:)匹配掉，而最后匹配的>则可以在后面用$2引用。示意代码： str = str.replace(reg,’$1$2’); 正则替换特定单词来源：正则表达式,拒绝几个单词的输入该怎样表达? 要求禁止输入某几个单词，如果拒绝red,yellow,white。这个帖子到时不难，但是让我弄清楚了好几个概念。第一个，小心字符集合里的“或” /[^red|yellow|white]/ 这个正则里的所有或都没有意义，等同于： /[^redyellowwhite]/ 意思就是不能含有以下列出的所有字母。正解： /red|yellow|white/ 第二个概念：只要整个正则匹配成功，无论子正则表达式是否匹配成功，括号都会捕捉。例如 /(red)|(yellow)|(white)/ 会捕捉到三个结果，尽管实际上最多只可能有一个括号匹配成功。但是只要有一个匹配到了，两外两个也会记录空串。指定文字高亮显示来源：如何用正则把网页中的指定的字高亮显示请教正则表达式：如何替换搜索结果中的关键字为高亮显示？不劳而获一次，这个子虚乌有前辈已经给出了非常好的解决方案：我直接把代码贴出来了：

测试高亮的代码。很长很长的代码……………………

删除标签来源：如何使用正则表达式去除大部分HTML标记？删除除了、
、

之外所有的标签。子虚乌有给出代码中关键的一句： o.innerHTML.replace(/(<//?(?!br|p|img)[^>//]*)//?>/gi,''); 刚开始没反应过来，后来才想起来，这个正则不用区分起始和结束标签。 <//?(?!br|p|img) 匹配除了保护标签外标签的起始标签或者是结束标签的一部分。 [^>//]* 匹配到>或者/就结束。 //?> 起始标签或者结束标签的结尾。