在使用firebug测试正则表达式很不错。可以提高程序开发的效率
1.检测正则表达式是否找到匹配
/正则表达式/.test(document.body.innerHTML)
如果返回true则证明找到。
2.查看匹配到的内容
document.body.innerHTML.match(
/正则表达式/
);
3.上面只会打印出第一个匹配,如果要输出找到匹配的数组则用
document.body.innerHTML.match(
/正则表达式/g
);
4.有些时候需要将找到的内容全部打印出来,比如在正则表达式中用到了括号,想输出括号中的内容,则需要使用下面的方式
var s = document.body.innerHTML;
var r = /<dt\s+class="p">(?:.|\s)+?<a\s+href="(.+?)"\s+title="(.+?)"(?:.|\s)+?<img\s+src="(.+?)"(?:.|\s)+?<span\s+class="info">(.+?)<\/span>/img;
var m = r.exec(s);
while(m){
console.log(m[1]);
console.log(m[2]);
console.log(m[3]);
console.log(m[4]);
m = r.exec(s);
}
其中s代表需要匹配的字符串,r代表正则表达是,其中的img是匹配的模式,而在正则表达式里面(?:.|\s)?:代表该括号内的内容不输出,也就是使用group中不出现(java中)js中就是数组的索引了。.|\s就是包含回车换行的任意字符了,这个一般在匹配多行中才用到,console.log就是打印出信息,这样可以清晰的显示出正则表达式是否按照自己的意愿工作。
ps:转载请注明出处。
分享到:
相关推荐
Firebug本身可能不直接内置这样的工具,但开发者可以借助Firefox浏览器的其他扩展,如“Regex Tester”,配合Firebug来使用正则表达式进行数据匹配和提取,或者在Firebug的控制台中直接编写和测试正则表达式。...
- **工具介绍**:WebDeveloper 和 Firebug 是两个非常流行的开发测试工具。 - **WebDeveloper**:提供了一系列用于网页设计、调试等功能的扩展插件。 - **Firebug**:集成在 Firefox 浏览器中,用于查看和修改 ...
4.3.1 创建和使用基本的正则表达式 84 4.3.2 构建一个正则表达式 85 4.3.3 分组正则表达式的部分 88 4.3.4 有用的正则表达式 89 4.3.5 匹配模式 94 4.3.6 替换文本 96 4.3.7 尝试正则表达式 97 4.4 数值 97 4.4.1 把...
24. **正则表达式**:提取HTML中的链接,使用`preg_match_all`等函数。 25. **Unix/Linux**:如使用`top`、`vmstat`查看负载,Vim快捷键,SSH安全设置,包管理器命令。 26. **前端技术**:CSS盒模型影响元素布局,...
通过缓存和复用正则表达式对象,XRegExp 能够提高性能并支持更多的正则表达式特性。这对于需要频繁进行文本匹配或处理的应用非常有用。 **JavaScript URL Library** 提供了一系列用于处理 URL 的工具。无论是提取 ...
而Perl正则表达式更为强大和灵活,支持更多的特性和语法结构。 **Safe_mode打开后的限制** - 文件上传路径受限。 - 运行的脚本只能访问特定目录下的文件。 - 允许访问的外部命令受限。 **解决多进程/线程同时读写...
9.13 根据指定正则表达式识别超链接 9.14 验证Email地址的正确性 9.15 动态统计字符个数 9.16 使用jQuery验证用户年龄 9.17 按照首字母进行元素排序 9.18 获取URL地址的Hash参数 9.19 避免多行文本溢出的算法 9.20 ...
34. **去除HTML标签**:使用`text()`或正则表达式移除元素内的HTML标签。 35. **closest()**:找到最近的匹配选择器的祖先元素。 36. **Firebug日志**:使用`console.log()`配合`firebug`调试jQuery事件。 37. **...