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 相关文章推荐
Code:findPosX 和 findPosY
Dec 20 Javascript
JavaScript 中的replace方法说明
Apr 13 Javascript
ext 同步和异步示例代码
Sep 18 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
基于jquery实现的鼠标悬停提示案例
Dec 11 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
JavaScript中数组去重的5种方法
Jul 04 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 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 empty()与isset()区别的详细介绍
2013/06/17 PHP
关于file_get_contents返回为空或函数不可用的解决方案
2013/06/24 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
jquery 问答知识整理
2010/02/11 Javascript
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
JS验证邮件地址格式方法小结
2015/12/01 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
AngularJS select加载数据选中默认值的方法
2018/02/28 Javascript
详解vue 数组和对象渲染问题
2018/09/21 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
Python的自动化部署模块Fabric的安装及使用指南
2016/01/19 Python
Python运算符重载详解及实例代码
2017/03/07 Python
Python常用的json标准库
2019/02/19 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
python 模拟登陆github的示例
2020/12/04 Python
Timberland美国官网:全球领先的户外品牌
2016/08/15 全球购物
Chain Reaction Cycles芬兰:世界上最大的在线自行车商店
2017/12/06 全球购物
党支部遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
文明单位创建材料
2014/12/24 职场文书
敬老院活动感想
2015/08/07 职场文书
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python
Python 一键获取电脑浏览器的账号密码
2022/05/11 Python
Mysql数据库group by原理详解
2022/07/07 MySQL