Javascript获取background属性中url的值


Posted in Javascript onOctober 17, 2016

前言

最近在做项目的时候遇到一个问题,需要获取一个动态预览的图片的地址,这其实不是什么问题,主要是该图片的路径是写在css的background-img属性中的,于是决定要用js获取它的url中的内容,下面给大家分享解决的方法,有需要的朋友们下面来看看。

var avatar = $("#image-preview").css("backgroundImage");
 
alert(avatar);

获取的是包含url(“xxx.jpg”)形式的值,于是查阅了下资料找到了只获取xxx.jpg形式值的方法:

var avatar = $("#image-preview").css("backgroundImage");
 
avatar = avatar.split("(")[1].split(")")[0];
 
alert(avatar);

获得的值即为图片地址

总结

以上就是这篇文章文章的全部内容了,希望本文分享的方法对大家学习或者使用Javascript时能有所帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
JavaScript 节点操作 以及DOMDocument属性和方法
Dec 06 Javascript
基于jquery的超简单上下翻
Apr 20 Javascript
javascript中字符串拼接需注意的问题
Jul 13 Javascript
很好用的js日历算法详细代码
Mar 07 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
在vue2.0中引用element-ui组件库的方法
Jun 21 Javascript
Layui实现主窗口和Iframe层参数传递
Nov 14 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 #Javascript
jquery checkbox的相关操作总结
Oct 17 #Javascript
JS动态添加选项案例分析
Oct 17 #Javascript
Java  Spring 事务回滚详解
Oct 17 #Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 #Javascript
js浏览器html5表单验证
Oct 17 #Javascript
使用开源工具制作网页验证码的方法
Oct 17 #Javascript
You might like
十天学会php(3)
2006/10/09 PHP
帖几个PHP的无限分类实现想法~
2007/01/02 PHP
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
PHP中设置时区,记录日志文件的实现代码
2013/01/07 PHP
php像数组一样存取和修改字符串字符
2014/03/21 PHP
学习jquery必备 api中英文对照的chm手册 下载
2007/05/03 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
jQuery中offset()方法用法实例
2015/01/16 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
2015/10/01 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
Vue export import 导入导出的多种方式与区别介绍
2020/02/12 Javascript
JavaScript获取时区实现过程解析
2020/09/24 Javascript
使用Vue实现一个树组件的示例
2020/11/06 Javascript
Python算法之栈(stack)的实现
2014/08/18 Python
跟老齐学Python之关于类的初步认识
2014/10/11 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
python3实现磁盘空间监控
2018/06/21 Python
python读取文本绘制动态速度曲线
2018/06/21 Python
python实现超级马里奥
2020/03/18 Python
如何清空python的变量
2020/07/05 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
党员的自我评价范文
2014/01/02 职场文书
英语感恩演讲稿
2014/01/14 职场文书
五心教育心得体会
2014/09/04 职场文书
群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
Python内置的数据类型及使用方法
2022/04/13 Python