网站首页 > 基础教程 正文
最近项目需要,要弄个正则表达式获取body的内容。
用过angularjs就知道,很多时候要写指令时引用templateUrl的时候。template的内容root是不能包含多个节点的,否则就报错。
这样的规范很不好,很多时候还是想保留template的头,文档类型,css等信息。
所以在开发模式下,希望angularjs加载模板的时候,自动砍掉头部和尾部.
获取之前:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="CssScriptLoader.js"></script> <script src="XZClass.js"></script> </head> <body> <div>内容</div> </body> </html>
希望的结果:
所以正则表达式如下:
var REG_BODY = /<body[^>]*>([\s\S]*)<\/body>/; function getBody(content){ var result = REG_BODY.exec(content); if(result && result.length === 2) return result[1]; return content; }
这里遇到了个问题,match和exec的区别:
match是返回所有匹配的字符串合成的数组,但是正则表达式必须指定全局g属性才能返回所有匹配,不指定g属性则会返回一个只有一个元素的数组。
exec永远返回与第一个匹配相关的信息,其返回数组包括第一个匹配的字串,所有分组的反向引用。
开始的时候,正则表达式后面我加了g,使用了match,死活获取不到括号内的内容,莫名其妙,后面搜了match exec。我去,这两个基友的区别真大!都怪当时看JAVASCRIPT权威指南的时候太傲,忽略了细节。以后绝对要细心。
- 上一篇: js数组方法笔记
- 下一篇: WAF研发领域,语义分析相对于正则表达式先进性的研究
猜你喜欢
- 2024-12-14 分享 5 个正则表达式的实际应用场景案例
- 2024-12-14 正则表达式:汉字与阿拉伯数字间的转换技巧,让亿万数字变得轻松
- 2024-12-14 小心别落入正则回溯陷阱
- 2024-12-14 WAF研发领域,语义分析相对于正则表达式先进性的研究
- 05-27是时候使用iframe延迟加载来提升LCP!
- 05-27页面卡顿到崩溃?5 个实战技巧让前端性能飙升 80%!
- 05-27前端人必看!10 个实战优化技巧,让项目性能直接起飞!
- 05-27快速了解JavaScript的表单操作
- 05-27来了!JavaScript 最强大的 8 个 DOM API
- 05-27如何使用 ChatGPT 进行抓取
- 05-27Pyppeteer爬虫神器详解
- 05-27《高性能JavaScript》学习笔记——日更中
- 最近发表
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- deletesql (62)
- c++模板 (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- console.table (62)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)