js正则:提取css语法中的背景图片名字

最新推荐文章于 2023-03-07 17:51:40 发布
最新推荐文章于 2023-03-07 17:51:40 发布
阅读量4.2k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qidizi/article/details/8779893
版权
本文详细介绍了如何使用正则表达式从HTML代码中提取背景图像URL，并通过实例展示了匹配过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

------测试代码---------

var re = /background(?:\-image)? *\:[^\:;\}]*url *\([ "']*(?:.*\/)?([^\/]+\.(?:gif|jpg|png))['" ]*\)/ig;
var str = 'background-image  :  #dkdk url   (   "./../kdk/ew_10.gif.jpg.png" );}';
alert(re.exec(str));

--------------------------

 

Javascript获取background属性中url的值
11-29
前言 最近在做项目的时候遇到一个问题，需要获取一个动态预览的图片的地址，这其实不是什么问题，主要是该图片的路径是写在css的background-img属性中的，于是决定要用js获取它的url中的内容，下面给大家分享解决的方法，有需要的朋友们下面来看看。 var avatar = $("#image-preview").css("backgroundImage"); alert(avatar); 获取的是包含url（“xxx.jpg”）形式的值，于是查阅了下资料找到了只获取xxx.jpg形式值的方法： var avatar = $("#image-preview").css("backgr
在js中获取在css中设置的background-image值
weixin_30520015的博客
08-17 2240
1. html部分 <div class="bg-color-two" id="bg_color_two" onclick="setBg(this)"></div> <div class="bg-color-three" id="bg_color_three" onclick="setBg(this)"></div> 2. css部分 ...
用JS怎么获取背景图片的url
m0_51399265的博客
03-07 871
背景图片url
使用正则找出CSS中的图片并下载下来
weixin_30535167的博客
09-08 102
使用正则找出CSS中的图片并下载下来 usingSystem; usingSystem.Collections.Generic; usingSystem.ComponentModel; usingSystem.Data; usingSystem.Drawing; usingSystem.Linq; usingSystem.Text; usingSyst...
js正则:获取css与html中的图片名字,用于清理不再使用的图片(正则的效率问题建议不使用)
我的笔记
04-09 1280
---测试代码----var re = /(?:background(?:\-image)? *\:[^\:;\}]*url *\([ "']*(?:.*\/)?([^\/]+\.(?:gif|jpg|png))['" ]*\))|(?:]*(?:(?:'[^']*')|(?:"[^"]*"))?[^]*\/)?([^\/"']*(?:(?:'[^']*')|(?:"[^"]*"))?[^)/ig
Javascript正则表达式--应用篇
bob_baobao的博客
07-31 380
在学习了上一篇正则语法篇，是不是迫不及待想知道正则如何在工作中应用呢？ 应用1 难度：** 题目描述 判断输入是否是正确的邮箱格式 function isAvailableEmail(sEmail) { } 给自己5分钟，尝试一下… 解题思路： 1. 把一个正常的邮箱格式拆成4部分，分别定义正则 难点： 1. 如何拆分邮箱格式 答案: functio...
JS通过图片链接URL获取图片名称
m0_61420899的博客
01-06 2370
imgname = str.split('/');//分割url imgname = imgname [imgname .length-1];//通过最后一个数组下标获取图片名
正则取页面图片URL和TABLE BackGround
铭轩同学
04-18 1504
///         /// 根据html文本返回url地址集合         ///         ///         ///         private List GetImgUrlByHtmlText(string sHtmlText)         {             // 定义正则表达式用来匹配 img 标签              Re
正则表达式获取网页HTML，css,js,图片等
09-25
正则表达式可能无法完全解析CSS语法，但对于简单的提取任务，它可以胜任。 3. **JavaScript提取**： JavaScript提供了动态交互性。在HTML中，JS可以内联（`<script>`标签内）或作为外部文件（`<script src>`）。...
JavaScript正则表达式匹配 div style标签
10-22
在JavaScript中，正则表达式以斜杠“/”包围的形式出现，例如`/pattern/flags`。在处理HTML文档时，经常会遇到需要从HTML代码中提取特定信息的情况，比如从一段字符串中匹配`<div>`和`<style>`标签。 在进行正则...
js实现基于正则表达式的轻量提示插件
10-23
2. JavaScript正则表达式语法：在JavaScript中，正则表达式对象可以用来定义搜索模式。创建正则表达式有两种方式：一种是通过正则表达式字面量表示，另一种是通过构造函数RegExp创建。例如，用于检测输入文本中是否...
最新CSS + DIV+正则表达式
06-02
在IT行业中，CSS（Cascading Style Sheets）和DIV是构建网页布局的重要工具，而正则表达式则是处理文本和数据的强大工具。这三者在Web开发中的结合使用，能够帮助开发者实现高效、灵活且美观的网页设计。下面将详细...
积分java源码-regex-highlighter:用于在HTML文档中突出显示正则表达式模式匹配/语言语法并使用CSS设置样式的JavaS
06-06
虽然此工具主要针对编程语言语法高亮显示，但它可以与任何正则表达式一起使用。 给定正则表达式文件中突出显示的匹配项将被包装在一个 span 标签中，然后给出一个可用于设置该特定匹配项的样式的类。 可以使用多种受...
用于抓取网页内容的常用正则
fafa211的专栏
12-23 3042
下面列出在抓取网页中常用的正则规则，其中$content代表网页内容，$tmparray为抓取的结果存储数组。 抓取HTML中CSS里背景图片地址preg_match_all(/(background|background-image):url/([/"/]?([^/)]+)[/"/]?/)/i, $content, $tmparray); 抓取HTML中图片标签中的地址p
JavaScript判断图片(img)或背景图(background-image)加载完成
u011416588的博客
11-06 8086
var myimg = new Image(); myimg.src = "images/bg7.jpg"; var myinterval = null; myfun01() myinterval = setInterval(myfun01, 1) function myfun01() { if(myimg.complete) { clearInterval(myinte...
正则获取图片名称
weixin_30763455的博客
07-05 748
var str = "url(../images/kk.png)"; var pattern = /\w+\.\w{3}/g; console.log(str.match(pattern)[0]); // 'kk.png' 　　 转载于:https://www.cnblogs.com/ax-null/p/7121780.html
JS点击图片改变图片图径并用正则表达式取图片名
weixin_30511039的博客
06-17 93
-------------JS----------------- <script language="javascript" type="text/javascript">// <!CDATA[ function img1_onclick(id) { var imgName=document.getElementById(id).src.replace(/.*\...
百度地图api定位不准解决
热门推荐
我的笔记
03-28 3万+
使用getpoint时有时会无法定位,没返回point.这时转用locationSearch即可,再无法定位,centerandzoom(city)吧.  function initializeMap() {    var map = new BMap.Map('mapDiv');    //向地图中添加缩略图控件    map.addControl(new BMap.NavigationCont
正则表达式入门指南：概念、语法和应用
* 在网络爬虫中，使用正则表达式可以快速提取网页中的信息。 * 在数据处理中，使用正则表达式可以快速处理和提取数据。 正则表达式是一种功能强大且灵活的工具，能够帮助我们快速处理和提取数据，提高工作效率。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值