Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >js如何用正则获取a标签的内容

js如何用正则获取a标签的内容

試毅-思伟

发布于 2018-09-06 03:02:12

发布于 2018-09-06 03:02:12

15K00

代码可运行

举报

文章被收录于专栏：Java开发Java开发

运行总次数：0

代码可运行

<script type="text/javascript">
    function pp(){
        var re=/<a[^>]*href=['"]([^"]*)['"][^>]*>(.*?)<\/a>/g;
        var str=document.getElementById('txt').value;
        var arr=[];
        while(re.exec(str)!=null)
        {
            arr.push(RegExp.$2+"\n");//如果是RegExp.$1那么匹配的就是href里的属性了!
        }
        alert(arr);
    }
</script>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017.12.20 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

100个常用的 JS 代码片段分享，值得你收藏

java node.js android ide php

function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." }

前端达人

2021/10/08

2.4K0

javascript入门操作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" con

闵开慧

2018/03/30

6430

javascript 正则表达式(二）

字符串 javascript 正则表达式对象数组

/* 正则表达式方法:test(),exec(),String对象方法:match(),search(),replace(),split() 1.test()方法: 用法: regexp对象实例.test(字符串) 返回值:如果满足regexp对象实例中定的正则规则,返回true,否则返回false 2.exec()方法: 用法: regexp对象实例.exec(字符串) 返回值:如果 exec 方法没有找到匹配，则它返回 null。如果它找到匹配，则 exec 方法返回一个数组，并且更新全局 RegExp 对象的属性，以反映匹配结果。数组的0元素包含了完整的匹配，而第1到n元素中包含的是匹配中出现的任意一个子匹配[反向引用]。这相当于没有设置全局标志 (g) 的 match 方法。如果为正则表达式设置了全局标志，exec 从以 lastIndex 的值指示的位置开始查找。如果没有设置全局标志， exec 忽略 lastIndex 的值，从字符串的起始位置开始搜索。更新RegExp对象的index和lastIndex属性, 在设置了全文匹配参数后可以试验,每次匹配从上一个lastIndex开始搜索属性分别是 input,index和lastIndex。 Input 属性包含了整个被查找的字符串。 Index 属性中包含了整个被查找字符串中被匹配的子字符串的位置。 LastIndex 属性中包含了匹配中最后一个字符的下一个位置。 3.match()方法: 用法: string对象.match(regexp对象) 返回值:如果 match 方法没有找到匹配，返回 null。如果找到匹配返回一个数组并且更新全局 RegExp 对象的属性以反映匹配结果。备注:match和exec一个很明显的差别是设置了全文搜索参数g后它返回的数组不再是一个元素,而是所有的元素, 第一个匹配结果数组基数为0,第二个为1,以此类推. 属性:同exec,match也有index,lastIndex,input三个属性,意义也同exec 4.search()方法: 用法: string对象.search(regexp对象) 返回值:search 方法指明是否存在相应的匹配。如果找到一个匹配，search 方法将返回一个整数值，指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配，则返回 -1. 注意:返回的只是与正则表达式查找内容匹配的第一个子字符串的位置.所以用全局搜索参数就没有意义了. 5.replace()方法: 用法: string对象.replace(regexp对象|字符串,"替换的字符串") 返回值:如果设置了全文搜索,则全部满足的都将被替换;否则只替换第一个.返回替换后的字符串. 注意:replace中还可以接受字符串,但只替换第一个满足条件的字符串. 6.split()方法: 用法: string对象.split([分割符(可以是字符串或正则表达式[,限制输出数组个数]]) 返回值:返回string对象被分割的数组注意:string对象不会被split方法修改。分割符是可选项,可以是字符串或正则表达式对象, 它标识了分隔字符串时使用的是一个还是多个字符。如果忽略该选项，返回包含整个字符串的单一元素数组. 最后一个选项限制输出数组个数也是可选项,该值用来限制返回数组中的元素个数。另外,split本身就带有全文匹配的特性,所以可用可不用g参数从上面分析也可以看出一点:正则表达式比字符串替换功能强大.下面的例子也可以看出 exec和match差别比较的例子: */ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>Untitled Document</title> <style> .color_name{/*定义高亮样式:背景黄色,字体粗体红色*/ color:red; font-weight:bold; background:yellow; } </style> <script> var str="中草药,中共中央,中共中央***,中联部,jack,JACK"; va

jack.yang

2025/04/05

300

html javascript 编程算法

2、由于JavaScript无需编译，是上到下执行的解释执行，所以在保证可读性的情况下，允许使用链式编程

用户8447427

2022/08/18

1.7K0

javascript 操作dom

字符串 javascript dom 对象数组

Node往往被翻译为节点，在一个对象（可以简单的理解为是HTML页面中），一个属性name="aaa"可以是一个节点，一个< div id="aaa">……< /div>也可以是一个节点，在< body>……< /body>中的，也是一个大大的节点。下面是一些有关Node的属性和方法，并没有包含部分不兼容IE和FF内容的讲解。

jack.yang

2025/04/05

390

js关键词变色，数组打乱，数组去重的实现和封装

今天，把自己之前封装过的一部分小功能操作分享出现，都是一些可以说是比较常用，实现起来比较简单，代码又比较少的一些功能或操作，比如关键词变色，数组打乱，数组去重等。

守候i

2018/08/22

1.4K0

js关键词变色，数组打乱，数组去重的实现和封装

JavaScript学习笔记+常用js用法、范例（二）

java json html 编程算法 javascript

javascript 加入如下语句，出错时会提示注意： chrome、opera 和 safari 等浏览器不支持 window.onerror 事件(w3c标准没有此事件),需另外捕获出错信息

用户6808043

2022/02/24

2.2K0

原生态纯JavaScript 100大技巧大收集---你值得拥有(1--50)

编程算法 javascript html css 网络安全

1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str

用户1272076

2019/03/26

6330

JS常用代码块

jsp html javascript java 缓存

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

奋飛

2019/08/15

3.3K0

JavaScript 103 条技能

1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr

guanguans

2018/04/27

8790

JS正则表达式--从入门到精分

http https 编程算法网络安全 regex

正则表达式是被用来匹配字符串中的字符组合的模式在JavaScript中，正则表达式也是对象这种模式可以被用于 RegExp 的 exec 和 test 方法以及 String 的 match、replace、search 和 split 方法创建一个正则表达式字面量 var re = /http\:\/{2}/; re.test('http://jobs.douban.com') //true 构造函数 //用构造函数创建正则往往要对特殊字符双重转义var re = new RegExp('htt

江米小枣

2020/06/15

1.5K0

JavaScript正则表达式

什么是正则表达式？正则表达式也叫做匹配模式(Pattern)，它由一组具有特定含义的字符串组成，通常用于匹配和替换文本。在JavaScript脚本中，利用正则表达式可以很容易的实现文本字符串的检测、替换等功能。正则表达式是字符串，它定义了一个用来搜索匹配字符串的模式。定义模式：/表达式/ JavaScript脚本语言中引入正则表达式主要作用：验证字符串格式查找字符串替换文本创建方式： 1、采用RegExp对象的显式构造函数构造 var regObj = ne

汤高

2018/01/11

2.6K0

JavaScript正则表达式

原生态纯JavaScript 100大技巧大收集---你值得拥有(51--100)

javascript 正则表达式编程算法

56、原生JavaScript全角半角转换,iCase: 0全到半，1半到全，其他不转化

用户1272076

2019/03/26

1.4K0

javascript 正则表达式

对象数组字符串 javascript 正则表达式

jack.yang

2025/04/05

570

大佬日常必备的JS工具函数大全

php 编程算法 css 网络安全

前面我们分享过一篇：前端常用的60多种JavaScript工具方法，很多人觉得有用，今天再分享一篇类似的东西，如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力

前端开发博客

2020/11/04

1.5K0

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习js更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。附上第二篇：BAT及各大互联网公司2014前端笔试面试题--Html,Css篇前面几题是会很基础，越下越有深度。初级Javascript： 1.JavaScript是一门什么样的语言，它有哪些特点？没有标准答案。 2.JavaScript的数据类型都有什么？基本数

Sb_Coco

2018/05/28

1.5K0

编写高质量 JavaScript -- 知识点小记

此番改善之后，匿名function里面的变量作用域不再是window，而是局限在函数内。

书童小二

2018/09/03

1.4K0

第七章正则表达式编程

正则表达式

第七章正则表达式编程什么叫知识，能指导我们实践的东西才叫知识。学习一样东西，如果不能使用，最多只能算作纸上谈兵。正则表达式的学习，也不例外。掌握了正则表达式的语法后，下一步，也是关键的一步，就是在真实世界中使用它。那么如何使用正则表达式呢？有哪些关键的点呢？本章就解决这个问题。内容包括：正则表达式的四种操作相关API注意要点真实案例 1. 正则表达式的四种操作正则表达式是匹配模式，不管如何使用正则表达式，万变不离其宗，都需要先“匹配”。有了匹配这一基本操作后，才有其他的操作：验证、切分

程序猿DD

2018/02/01

1.9K0

Javascript 笔记

JavaScript表单验证电话号码，判断一个输入量是否为电话号码，通过正则表达式实现。 //检查电话号码 function isTel(str){ var reg=/^([0-9]|[\-])+$/g ; if(str.length<7 || str.length>18){ return false; } else{ return reg.exec(str); } }

Hongten

2018/09/18

1.9K0

代码注释对齐

程序工具内存 min var

假设代码部分的长度为CL,代码到//之间的长度为Width。注释对齐实际上就是计算Width-CL，中间填充这么多个空格。

井九

2024/10/12

820

相关推荐

100个常用的 JS 代码片段分享，值得你收藏

更多 >

💥开发者 MCP广场重磅上线！

精选全网热门MCP server，让你的AI更好用 🚀

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验