正则表达式括号的作用

正则表达式是匹配模式,要么匹配字符,要么匹配位置

yy-mm-ddyy怎么做正则?yy-mm-ddyy怎么做正则?


yy-mm-ddyy怎么做正则?


这二者是括号直觉的作用,也是原始的功能,强调括号内的正则是一个整体,即提供子表达式

我们知道 /a+/ 匹配连续出现的 "a" ,而要匹配连续出现的 "ab" 时,需要使用 /(ab)+/

其中括号是提供分组功能,使量词 + 作用于 "ab" 这个整体,测试如下:

而在多选分支结构 (p1|p2) 中,此处括号的作用也是不言而喻的,提供了分支表达式的所有可能

比如,要匹配如下的字符串:

可以使用正则:

如果去掉正则中的括号,即:

/^I love JaScript|Regular Expression$/

匹配字符串是 "I love JaScript" 和 "Regular Expression" ,当然这不是我们想要的

这是括号一个重要的作用,有了它,我们就可以进行数据提取,以及更强大的替换作

而要使用它带来的好处,必须配合使用实现环境的 API

以日期为例。设格式是 yyyy-mm-dd 的,我们可以先写一个简单的正则:

其可视化形式是:

然后再修改成括号版的:

其可视化形式是:

对比这两个可视化,我们发现,与前者相比,后者多了分组编号,如 Group #1

其实正则引擎也是这么做的,在匹配过程中,给每一个分组都开辟一个空间,用来存储每一个分组匹配到的

数据。

既然分组可以捕获数据,那么我们就可以使用它们

比如提取出年、月、日,可以这么做:

另外也可以使用正则实例对象的 exec 方法:

同时,也可以使用构造函数的全局属性 $1 至 $9 来获取:

比如,想把 yyyy-mm-dd 格式,替换成 mm/dd/yyyy 怎么做?

其中 replace 中的,第二个参数里用 $1 、 $2 、 $3 指代相应的分组。等价于如下的形式:

也等价于:

除了使用相应 API 来引用分组,也可以在正则本身里引用分组。但只能引用之前出现的分组,即反向引用

还是以日期为例

比如要写一个正则支持匹配如下三种格式:

可能想到的正则是:

其中 / 和 . 需要转义。虽然匹配了要求的情况,但也匹配 "2016-06/12" 这样的数据

设我们想要求分割符前后一致怎么办?此时需要使用反向引用:

其可视化形式是:

注意里面的 1 ,表示的引用之前的那个分组 (-|/|.) 。不管它匹配到什么(比如 - ), 1 都匹配那个同样的具体某个字符

我们知道了 1 的含义后,那么 2 和 3 的概念也就理解了,即分别指代第二个和第三个分组

看到这里,此时,恐怕你会有几个问题

以左括号(开括号)为准。比如:

我们可以看看这个正则匹配模式:

此正则的可视化形式是:

另外一个疑问可能是,即 10 是表示第 10 个分组,还是 1 和 0 呢?

是前者,虽然一个正则里出现 10 比较罕见。测试如下:

因为反向引用,是引用前面的分组,但我们在正则里引用了不存在的分组时,此时正则不会报错,只是匹配反向引用的字符本身。例如 2,就匹配 "2"。注意 "2" 表示对 "2" 进行了转义

Chrome 浏览器打印的结果(不同的浏览器和版本,打印的结果可能不一样):

分组后面有量词的话,分组终捕获到的数据是一次的匹配。比如如下的测试案例:

从上面看出,分组 (d) 捕获的数据是 "5"。

同理对于反向引用,也是这样的。测试如下:

之前文中出现的括号,都会捕获它们匹配到的数据,以便后续引用,因此也称它们是捕获型分组和捕获型分

支。

如果只想要括号原始的功能,但不会引用它,即,既不在 API 里引用,也不在正则里反向引用。

此时可以使用非捕获括号 (?:p) 和 (?:p1|p2|p3) ,例如本章个例子可以修改为:

同理,第二例子可以修改为:

trim 方法是去掉字符串的开头和结尾的空白符。有两种思路去做。

种,匹配到开头和结尾的空白符,然后替换成空字符。如:

第二种,匹配整个字符串,然后用引用来提取出相应的数据:

这里使用了惰性匹配 ? ,不然也会匹配一个空格之前的所有空格的

当然,前者效率高

思路是找到每个单词的首字母,当然这里不使用非捕获匹配也是可以的

其中分组 (.) 表示首字母。单词的界定是,前面的字符可以是多个连字符、下划线以及空白符。正则后面

的 ? 的目的,是为了应对 str 尾部的字符可能不是单词字符,比如 str 是 '-moz-transform '

驼峰化的逆过程

其中使用了用构造函数生成的正则,然后替换相应的格式就行了,这个跟本章没多大关系。

倒是它的逆过程,使用了括号,以便提供引用,也很简单,如下

通过 key 获取相应的分组引用,然后作为对象的键。

要求匹配:

不匹配: wrong!</p></p><p>匹配一个开标签,可以使用正则 <[^>]+> ,</p><p>匹配一个闭标签,可以使用 </[^>]+> ,</p><p>但是要求匹配成对标签,那就需要使用反向引用,如:</p><p>其中开标签 <[^>]+> 改成 <([^>]+)> ,使用括号的目的是为了后面使用反向引用,</p><p>而提供分组。闭标签使用了反向引用, </1> 。</p><p>另外, [dD] 的意思是,这个字符是数字或者不是数字,因此,也就是匹配任意字符的意思。</p><h3>如何用正则表达式匹配括号中的内容。</h3> <p>String str = "void main(unsigned int para)";</p><p>String reg=".s+([^s)]+))$";</p><p>str=str.replaceAll(reg,"$1");</p><h3>正则表达式 包含括号 怎么写才正确?</h3> <p>括号是特殊字符,必须转义。因此必须在它前面加右斜杠。</p><p>综上所述,你这里唯有3合适。匹配的是任意多个左括号和右括号。括号内没有任何内容。</p><p>() 括号的正则表达式写法</p><h3>3.正则表达式使用基础:括号(一)</h3> <p>有了分组,就可以准确表示“长度只能是m或者n”</p><p>之前用表达式[1-9]d{14}(d{2}[09-x])?匹配号,思路是把18位号码多出的3位“合并”到匹配的15位号码的表达式中。还可以有其他方式。</p><p>15位号就是[1-9]开头,之后是14位数字;18位的开头也是[1-9]的数字,之后是16位数字,是[1-9x]?。只需要匹配两种表达式中的一个,就是合法。那我们可以使用多选分组。</p><p>-关于多选分组,补充三点:</p><p>1.多选结构的一般表示法是(option1|option2),在多选结构中一般会同时使用()和竖线 |;但是如果没有括号,只出现竖线|,仍然是多选结构。</p><p>括号的用来规定整个多选结构的范围,如果没有出现括号,则整个表达式视为一个多选结构,所以 ab|cd 等价于 (ab|cd),建议多选结构都写出括号。</p><p>避免出现相同字符的多选结构,这样匹配会造成大量回溯,影响效率。</p><p>括号还可以嵌套,例如下面的例子,这种比较繁冗。分组的编号此时根据开括号的出现顺序来计数</p><h3>请问下正则表达式中 (?:) 的用法</h3> <p>(?:)表示不捕获这个分组</p><p>说明一下正则表达式中圆括号中的内容表示分组,从左到右按左圆括号'('的顺序依次为分组1,2....,9</p><p>当使用(?:)表示此圆括号中的内容不计入以上1,2...9的捕获分组中</p> </div> <div class="tip error B679952B17"> <p> 声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系 836084111@qq.com 删除。 </p> </div> <div class="article-tags"></div> <div class="action"> <a href="javascript:;" class="cd-popup-trigger btn-blue btn-all"> </a> </div> </div> <div class="article-nav"> <div class="article-nav-entry"> </div> <div class="article-nav-entry"> </div> </div> <div class="right-list"> <div class="w-newsitem"> <h3> 相关文章 </h3> </div> <div class="article-relevant"> <ul> <li class=""> <a class="" href="/jingxuanzixun/JbM7A5XavQE491K.html" target="_blank"> 百无是处的意思(百无是处的意思简短) </a> </li> <li class=""> <a class="" href="/shijiedongtai/7ZopD4WrvrBJOk9.html" target="_blank"> 可以报考明星学校吗_明星可以读大学吗 </a> </li> <li class=""> <a class="" href="/shenghuogongju/NRzVA3Pj67B1Gkd.html" target="_blank"> 醍醐灌顶什么生肖 醍醐灌顶什么生肖动物 </a> </li> <li class=""> <a class="" href="/shenghuogongju/RdGLD2Rmv6D8Xj7.html" target="_blank"> 小龙虾养殖怎么增氧呢 小龙虾养殖用什么 </a> </li> <li class=""> <a class="" href="/jingxuanzixun/nb4mA1xabNE28wy.html" target="_blank"> 老黄历万年历2018顺历(老黄历日历2018) </a> </li> <li class=""> <a class="" href="/shenghuozixun/YaqnD02da9Al4e0.html" target="_blank"> 南师肚脐贴的功效 南师肚脐贴的功效与作 </a> </li> <li class=""> <a class="" href="/dushubiji/yjx5Ez9xM9DJP62.html" target="_blank"> untrue是什么意思 untrue是什么香水 </a> </li> <li class=""> <a class="" href="/shijiedongtai/py7YByPoLrALljx.html" target="_blank"> qq临时会话被对方屏蔽会显示什么 qq临时 </a> </li> <li class=""> <a class="" href="/gongzuojihua/VXJ5ExzyK1Bj9YL.html" target="_blank"> 一什么凉棚填量词 一什么凉棚填量词一个 </a> </li> <li class=""> <a class="" href="/shenghuozixun/Vj0OBwZ3JPA42Yw.html" target="_blank"> 浙江卫视相亲节目 怎么才能上浙江卫视相 </a> </li> </ul> </div> </div> </div> <div class="abconright aside"> <div class="right-list"> <div class="w-newsitem"> <h3> 热门 </h3> </div> <ul class="hot-item"> <li> <span class="badge color1 "> 1 </span> <a class="" title="标题:仙境幻想:平衡法师的卓越之道" href="/dushubiji/zdpVAm1pXjAO6ry.html" target="_blank"> 标题:仙境幻想:平衡法师的卓越之道 </a> </li> <li> <span class="badge color1 "> 2 </span> <a class="" title="人工养殖巨骨舌鱼利润 巨骨舌鱼养殖场" href="/dushubiji/6aYgAk13VQDm71G.html" target="_blank"> 人工养殖巨骨舌鱼利润 巨骨舌鱼养殖场 </a> </li> <li> <span class="badge color1 "> 3 </span> <a class="" title="赔了夫人又折兵 赔了夫人又折兵歇后语上一句" href="/dushubiji/VnLNBOnJraApb72.html" target="_blank"> 赔了夫人又折兵 赔了夫人又折兵歇后语上一句 </a> </li> <li> <span class="badge color1 "> 4 </span> <a class="" title="2023新高考一卷英语作文_2023新高考一卷英语作文题目" href="/dushubiji/axQ8Aq1KXyA7V1R.html" target="_blank"> 2023新高考一卷英语作文_2023新高考一卷英语作文题目 </a> </li> <li> <span class="badge color1 "> 5 </span> <a class="" title="绣眉费用指南:价格考量与影响因素" href="/dushubiji/7y5pDl13PnEO41R.html" target="_blank"> 绣眉费用指南:价格考量与影响因素 </a> </li> <li> <span class="badge color1 "> 6 </span> <a class="" title="图样图森破背后的深意" href="/dushubiji/eG9zDgzbKbB6Kno.html" target="_blank"> 图样图森破背后的深意 </a> </li> <li> <span class="badge color1 "> 7 </span> <a class="" title="南瓜的养殖要点是什么呀 南瓜的种植技术与管理方法" href="/dushubiji/KJdbDY4pvrBjg7a.html" target="_blank"> 南瓜的养殖要点是什么呀 南瓜的种植技术与管理方法 </a> </li> <li> <span class="badge color1 "> 8 </span> <a class="" title="网纹草叶子养殖方法_网纹草有什么作用" href="/dushubiji/QWK5EN1G8XDl6wr.html" target="_blank"> 网纹草叶子养殖方法_网纹草有什么作用 </a> </li> <li> <span class="badge color1 "> 9 </span> <a class="" title="标题:公共交通:城市出行的基石" href="/dushubiji/wykqEL1X89Aa9zj.html" target="_blank"> 标题:公共交通:城市出行的基石 </a> </li> <li> <span class="badge color1 "> 10 </span> <a class="" title="宝山罗泾水产养殖_宝山罗泾水产养殖场地址" href="/dushubiji/gNRJAZVpKaA62Va.html" target="_blank"> 宝山罗泾水产养殖_宝山罗泾水产养殖场地址 </a> </li> </ul> </div> <div class="right-list"> <div class="w-newsitem"> <h3> 推荐 </h3> </div> <ul class="list-grid"> <li> <div class=" item-img"> <a href="/jingxuanzixun/axQ8AqrnzpB7V1R.html" title="哈尔滨老六杀猪菜 哈尔滨老六杀猪菜馆总店"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/2024092003110-tp.jpg" title='哈尔滨老六杀猪菜 哈尔滨老六杀猪菜馆总店'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/jingxuanzixun/axQ8AqrnzpB7V1R.html" title="哈尔滨老六杀猪菜 哈尔滨老六杀猪菜馆总店"> 哈尔滨老六杀猪菜 哈尔滨老六杀猪菜馆总店 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/shenghuozixun/lWz6DpvmkkA5MoO.html" title="新秀丽旅行箱_新秀丽旅行箱怎么改密码"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/202409200343-tp.jpg" title='新秀丽旅行箱_新秀丽旅行箱怎么改密码'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/shenghuozixun/lWz6DpvmkkA5MoO.html" title="新秀丽旅行箱_新秀丽旅行箱怎么改密码"> 新秀丽旅行箱_新秀丽旅行箱怎么改密码 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/shenghuozixun/kpX8AorlkzENYeL.html" title="秒拍iphone版 秒拍软件的app有哪些"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/202409200327-tp.jpg" title='秒拍iphone版 秒拍软件的app有哪些'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/shenghuozixun/kpX8AorlkzENYeL.html" title="秒拍iphone版 秒拍软件的app有哪些"> 秒拍iphone版 秒拍软件的app有哪些 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/shenghuozixun/Kl8WDnrkp0D1day.html" title="碳纤维电暖器 碳纤维电暖器的优缺点"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/2024092003109-tp.jpg" title='碳纤维电暖器 碳纤维电暖器的优缺点'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/shenghuozixun/Kl8WDnrkp0D1day.html" title="碳纤维电暖器 碳纤维电暖器的优缺点"> 碳纤维电暖器 碳纤维电暖器的优缺点 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/xinxihudong/zdpVAmvjkpBO6ry.html" title="电视剧孔雀东南飞_电视剧孔雀东南飞21集"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/2024092003111-tp.jpg" title='电视剧孔雀东南飞_电视剧孔雀东南飞21集'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/xinxihudong/zdpVAmvjkpBO6ry.html" title="电视剧孔雀东南飞_电视剧孔雀东南飞21集"> 电视剧孔雀东南飞_电视剧孔雀东南飞21集 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/xinxihudong/7y5pDlvgnaAO41R.html" title="《他是谁》编剧回应烂尾_他是谁全文阅读"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/202409200310-tp.jpg" title='《他是谁》编剧回应烂尾_他是谁全文阅读'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/xinxihudong/7y5pDlvgnaAO41R.html" title="《他是谁》编剧回应烂尾_他是谁全文阅读"> 《他是谁》编剧回应烂尾_他是谁全文阅读 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/shijiedongtai/6aYgAk2enpEm71G.html" title="奥迪a5四门敞篷 奥迪a5两门四座敞篷"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/202409200390-tp.jpg" title='奥迪a5四门敞篷 奥迪a5两门四座敞篷'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/shijiedongtai/6aYgAk2enpEm71G.html" title="奥迪a5四门敞篷 奥迪a5两门四座敞篷"> 奥迪a5四门敞篷 奥迪a5两门四座敞篷 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/gongzuojihua/vkYPDjQdr3BjzRa.html" title="落地式离心机 落地式离心机断轴原因"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/20240920032-tp.jpg" title='落地式离心机 落地式离心机断轴原因'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/gongzuojihua/vkYPDjQdr3BjzRa.html" title="落地式离心机 落地式离心机断轴原因"> 落地式离心机 落地式离心机断轴原因 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/xinxihudong/eG9zDg8ZvzE6Kno.html" title="女配的吃肉之旅 女配要吃肉"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/202409200391-tp.jpg" title='女配的吃肉之旅 女配要吃肉'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/xinxihudong/eG9zDg8ZvzE6Kno.html" title="女配的吃肉之旅 女配要吃肉"> 女配的吃肉之旅 女配要吃肉 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> <li> <div class=" item-img"> <a href="/shenghuogongju/0gLbEeLX43D2qOK.html" title="适合英语学习的电影 五十部适合学英语的电影"> <img width="480" height="400" src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="/uploads/2024092009/202409200358-tp.jpg" title='适合英语学习的电影 五十部适合学英语的电影'> </a> </div> <div class="item-content "> <p class="item-title "> <a href="/shenghuogongju/0gLbEeLX43D2qOK.html" title="适合英语学习的电影 五十部适合学英语的电影"> 适合英语学习的电影 五十部适合学英语的电影 </a> </p> <p class="item-date "> <i class="iconfont icon-shijian "></i> 2025-01-03 </p> </div> </li> </ul> </div> <div class="right-list"> <div class="w-newsitem"> <h3> 随机 </h3> </div> <ul class="hot-item"> <li class=""> <a class="" title="标题:上帝模式修改器:为你的游戏体验" href="/gongzuojihua/q70zAa3NMlD94od.html" target="_blank"> 标题:上帝模式修改器:为你的游戏体验 </a> </li> <li class=""> <a class="" title="爱丽丝的终幕:弥留之际的感悟" href="/shenghuozixun/gNRJAZa3VmE62Va.html" target="_blank"> 爱丽丝的终幕:弥留之际的感悟 </a> </li> <li class=""> <a class="" title="减肥捷径还是健康陷阱?cart多少钱一针" href="/xinxihudong/KJdbDYR24mEjg7a.html" target="_blank"> 减肥捷径还是健康陷阱?cart多少钱一针 </a> </li> <li class=""> <a class="" title="烧水壶显示 E1 的常见原因" href="/dushubiji/XeOvAXa14pBgVba.html" target="_blank"> 烧水壶显示 E1 的常见原因 </a> </li> <li class=""> <a class="" title="纳什之牙下的王者:英雄联盟中的狗头" href="/lvyoutianqi/gMbNDWz040Bvo7e.html" target="_blank"> 纳什之牙下的王者:英雄联盟中的狗头 </a> </li> <li class=""> <a class="" title="值得的词义区分:worth、worthy、worthwhile" href="/shijiedongtai/wNWoAVrz5RAkayK.html" target="_blank"> 值得的词义区分:worth、worthy、worthwhile </a> </li> <li class=""> <a class="" title="标题:调酒师的秘密武器:激活工具的力" href="/gongzuojihua/5JXyERrv0oEVpwL.html" target="_blank"> 标题:调酒师的秘密武器:激活工具的力 </a> </li> <li class=""> <a class="" title="流放者山脉:独闯禁区的单人门槛" href="/gongzuojihua/9zxJBQ3rQYEGNy1.html" target="_blank"> 流放者山脉:独闯禁区的单人门槛 </a> </li> <li class=""> <a class="" title="花都天气预报15天准确" href="/shenghuogongju/N916EPVq1QBp402.html" target="_blank"> 花都天气预报15天准确 </a> </li> <li class=""> <a class="" title="九阴玄功再现,《下一站江湖》掀起江湖" href="/lvyoutianqi/VnLNBO0pnVDpb72.html" target="_blank"> 九阴玄功再现,《下一站江湖》掀起江湖 </a> </li> </ul> </div> <div class="right-list-ad"></div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="social-footer"> <a id="show-dialog" class="wechat" href="javascript:void(0);"> <i class="iconfont icon-weixin"></i> </a> <a class="qq" href="javascript:;" target="_blank" rel="nofollow" title="QQ"> <i class="iconfont icon-QQ-fill"></i> </a> </div> <ul class="nav-footer"> <li><a href='/shenghuozixun/'>生活资讯</a></li><li><a href='/xinxihudong/'>信息互动</a></li><li><a href='/dushubiji/'>读书笔记</a></li><li><a href='/shijiedongtai/'>世界动态</a></li><li><a href='/lvyoutianqi/'>旅游天气</a></li><li><a href='/gongzuojihua/'>工作计划</a></li><li><a href='/shenghuogongju/'>生活工具</a></li> <li class="current"> </li> </ul> <div class="copyright-footer"> <p> Copyright © 2022 本站资源来源于互联网 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow"> 滇ICP备2023007460号 </a> </p> </div> </div> </div> <div class="rollbar" id="goto-top"> <i class="iconfont icon-xiangshang"></i> </div> <script type='text/javascript' src='https://www.echanchan.com/www_echanchan_com/js/jquery-2.2.4.min.js' id='jquery-js'></script> <script type='text/javascript' src='https://www.echanchan.com/www_echanchan_com/js/common.js' id='com-js'></script> <script type='text/javascript' src='https://www.echanchan.com/www_echanchan_com/js/js.js'></script> </div> <script type='text/javascript' src='https://www.echanchan.com/www_echanchan_com/js/wechattopbar.js'></script> <div class="m-mask"></div> </body> </html>