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 相关文章推荐
语义化 H1 标签
Jan 14 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
Mar 01 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 Javascript
json字符串之间的相互转换示例代码
Aug 21 Javascript
JavaScript返回网页中锚点数目的方法
Apr 03 Javascript
jQuery如何获取动态添加的元素
Jun 24 Javascript
javascript中递归的两种写法
Jan 17 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
Vue 中的compile操作方法
Feb 26 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 Javascript
Vue3中toRef与toRefs的区别
Mar 24 Vue.js
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
利用 window_onload 实现select默认选择
2006/10/09 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
php递归创建目录的方法
2015/02/02 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
js下用gb2312编码解码实现方法
2009/12/31 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
js jq 单击和双击区分示例介绍
2013/11/05 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
EasyUI实现二级页面的内容勾选的方法
2015/03/01 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
详解html-webpack-plugin用法全解
2018/01/22 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
浅谈js闭包理解
2019/03/28 Javascript
JS document form表单元素操作完整示例
2020/01/13 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
跟老齐学Python之有容乃大的list(1)
2014/09/14 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
Python Selenium截图功能实现代码
2020/04/26 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
保密协议书范本
2014/04/22 职场文书
高中生操行评语
2014/04/25 职场文书
村级四风对照检查材料
2014/08/24 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
JavaScript实现班级抽签小程序
2021/05/19 Javascript