使用正则表达式解析 html 文本中的链接
在 HTML 文档中提取特定文本元素，如链接或标题，是常见任务。对于此类任务，可以使用正则表达式解析 HTML。正则表达式是一种用于匹配字符串中特定模式的强大工具。
在本例中，目标是提取给定 HTML 代码段中所有 标签的 href 属性值。
尝试的正则表达式
最初尝试的正则表达式如下：
立即学习“前端免费学习笔记（深入）”；
// s就是上图里的这一段html文本字符串const r1 = s.match(/活动开展情况[sS]*/g)[0]const r2 = r1.match(/(?<=href=").*?(?=")/g)
遇到的问题
然而，此正则表达式未能正确匹配，因为其还包括了其他元素，如 # 和 javascript:void(0)。
改进后的正则表达式（使用 HTML 解析器）
建议使用 HTML 解析器来安全可靠地解析 HTML 文本。以下是使用 jQuery（一个流行的 JavaScript 库）的示例：
$(html).find('>li>a').map((_, a) => $(a).attr('href')) // jq[...$(html).find('>li>a')].map(a => $(a).attr('href')) // Array// jq 转 Array 可用 [...jq], jq.toArray(), Array.from(jq, mapfn)// 如需完整 URL, $(a).attr('href') 改为 a.href
提取的链接
使用改进后的方法，可以提取以下链接：
[ "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=3", "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=4", "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=6", "/eduadmin/SpecialInfo/SpecialInfo?AreaID=533167224&AreaType=1&SpecialCode=9", "/eduadmin/DevelopActivity/SystemActivityManage/2/-1"]
以上就是如何使用正则表达式从 HTML 文本中提取链接？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1556761.html
微信扫一扫 
支付宝扫一扫 
