【Javascript 中＜a＞标签如何按文件类型匹配】

最新推荐文章于 2024-07-10 09:44:40 发布

青山w

最新推荐文章于 2024-07-10 09:44:40 发布

阅读量350

点赞数

文章标签： javascript css 前端

本文链接：https://blog.csdn.net/m0_49551563/article/details/126246130

版权

文章内容部分参考 link1 、link2 和 Javascript.info

这适用于所有现代浏览器，但在Internet Explorer 6中不起作用

// 我们可以匹配所有后缀为 zip 类型的文件
a[href$='.zip'] {
  /* 这里是样式代码 */
}

这其实是一个CSS选择器，我们选择了所有后缀为 zip 类型的文件

原理如下：
$ 符号在 Javascript 中有时会用于匹配正则表达式的末尾

/sa$/.test(string)

匹配string字符串中的sa，比如string='125sa’则匹配，string='125sa21’则不匹配

因此 a[href$='.xxx'] 本质上是正则表达式在CSS选择器上的一个应用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

青山w

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

試毅-思伟_技术博客

03-15

1万+

<scripttype="text/javascript"> functionpp(){ varre=/<a[^>]*href=['"]([^"]*)['"][^>]*>(.*?)<\/a>/g; varstr=document.getElementById("txt").value; vararr=[]; while(re.e...

Javascript——＜input＞: 输入（表单输入）元素的type和样式属性

mintsolace的博客

08-19

2078

<label for="name">Name (4 to 8 characters):</label> <input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10"> label { display: block; font: 1rem 'Fira Sans', sans-serif; } input, label {

参与评论您还未登录，请先登录后发表或查看评论

实例分析js和C#中使用正则表达式匹配a标签

10-25

本文通过2个实例，对比分析了在js和c#中使用正则表达式匹配a标签的异同，小伙伴们自己参考下吧，有利于深刻理解正则表达式的使用。

html a标签正则表达式,JS正则表达式获得A标签

weixin_28723109的博客

05-30

475

HTML代码：信邦商城正则获取：var imgParter=/var titleParter=/]*?>([^/gi;var hrefParter=/]*?>/gi;var descParter=/function getData (html,parter) {var arr = new Array();while(r=parter.exec(html)) {arr.push(r[1]...

javascript-正则表达式匹配出URL地址，批量添加a标签

哈喽234的博客

07-11

726

同时不匹配：带有a标签的url、邮箱、123.23、haha.123、123.123.123等不是真正url的字符串，富文本消息中的标签正常返回，不影响换行等样式。这个只能完全匹配单个url的情况，多个url不匹配、邮箱、数字、ip等不匹配，本想着就这样限制死算了，结果最近又发现富文本消息默认有p标签等，我是将p标签替换掉之后使用正则匹配的，这样本来换行的消息就不换行了，于是又要改正则了。正常的逻辑是a标签的url不替换，其他正常的url替换，目前这方式还不知道有没有其他问题。

js通过正则表达式获取＜a＞标签数组

sxj的专栏

11-30

883

【代码】js通过正则表达式获取标签数组。

js正则匹配table,img及去除各种标签问题

10-15

- 使用正则表达式`/<p>/gi`和`/<\/p>/gi`来匹配并去除`p`标签，并使用`replace`方法进行替换。 4. **分页功能的实现**： - 通过分页功能可以处理长文本内容，将内容分割成多个页面显示。 - 通过定义分页大小(`...

python读取html指定内容_python 解析html<script>标签内变量内容

weixin_39679718的博客

12-02

3625

最近在试用scrapy爬取网站数据发现部分图表是通过异步生成的，scrapy获取到的html页面内只有一个空标签。因此只能查找其原数据，还好通过翻查实例化表格的js文件就追溯到了。但是数据在原html页面内的script标签内以js直接定义，如下图：不能直接通过xpath获取，而且是普通object和array两种格式，通过直接字符串操作肯定不够优雅。因此需要绕一下：import js2xmlim...

html多个ul时怎么选择某个li,选中多个<ul>中的第一个<li>方法

weixin_42300525的博客

06-03

5868

获取第一个ul中的第一个li标签的方法://获取第一个ul中的第一个li/* $("ul li:first").css("background","pink");$("ul li").eq(0).css("background","pink");$("ul li").first().css("background","pink");$("ul li").slice(0,1).css("backgr...

html表单中构建文件上传的标签,前端文件上传基础

weixin_42523543的博客

06-08

1364

上传文件已经是个已经成熟的前端技术，目前开源的拿来即用的前端上传插件也比较多，诸如:Web Uploader、JSAjaxFIleUploader、jQuery-File-Upload，通常这些上传插件包含的功能有：选择上传、支持拖拽、MD5校验、图片预览、上传进度显示等功能；这篇文章主要温习一下前端上传控件的功能实现原理，以及上传功能如何做到功能的渐进式增强。文件上传方式文件上传最原始的方式fo...

匹配html中的所有A标签并替换

03-24

NULL 博文链接：https://njm.iteye.com/blog/1104498

PHP实现点击a标签的href做链接时，直接保存文件（任何类型），而不是通过浏览器直接打开下载的文件

nkliming的专栏

01-24

9967

之前做项目遇到这样一个问题，就是在php环境下，用a标签的href链接到一个资源，比如是mp3或者lrc文件时，点击之后不是出现保存文件的提示，而是调用本地程序打开文件或者直接在浏览器上解析。网上说可以全部做成rar格式的文件，这个一方面不方便，有些情况下也不可能完全这样做，还有实际上，做过测试会发现，在content-type：text/html的情况下，即时是rar有时也会被浏览器直接解析，无

JavaScript 自动获取所有a标签，并新标签打开

ASP.NET

06-20

1980

let links = document.getElementsByTagName('a') for(let i=0; i<links.length; i++){ let linkUrl=links[i].href setTimeout(function(){ window.open(linkUrl, '_blank').location; console.log(linkUrl) },500) }

正则匹配字符串中所有a标签

【Javascript 中 ＜a＞ 标签 如何按文件类型匹配】

【Javascript 中＜a＞标签如何按文件类型匹配】