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 相关文章推荐
dojo 之基础篇(三)之向服务器发送数据
Mar 24 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
详解打造 Vue.js 可复用组件
Mar 24 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
js使用formData实现批量上传
Mar 27 Javascript
Vue使用自定义指令实现拖拽行为实例分析
Jun 06 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 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实现邮件群发的源码
2013/06/18 PHP
php实现随机生成易于记忆的密码
2015/06/19 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
html数组字符串拼接的最快方法
2009/09/16 Javascript
Javascript的匿名函数小结
2009/12/31 Javascript
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
2013/03/05 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
2015/09/22 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
Bootstrap警告框(Alert)插件使用方法
2017/03/21 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
一起深入理解js中的事件对象
2021/02/06 Javascript
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
用python制作游戏外挂
2018/01/04 Python
python学习开发mock接口
2019/04/28 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
Python中私有属性的定义方式
2020/03/05 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
CSS3 实现的火焰动画
2020/12/07 HTML / CSS
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
Original Penguin英国官方网站:美国著名休闲时装品牌
2016/10/30 全球购物
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
大学生职业生涯规划范文
2014/01/22 职场文书
大班上学期个人总结
2015/02/13 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
导游词之山西祁县乔家大院
2019/10/14 职场文书