Javascript获取background属性中url的值
前言
最近在做项目的时候遇到一个问题,需要获取一个动态预览的图片的地址,这其实不是什么问题,主要是该图片的路径是写在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时能有所帮助,如果有疑问大家可以留言交流。
相关推荐
-
JS backgroundImage控制
复制代码 代码如下: function changeBgImage(obj){ obj.style.cssText="background:url('2.gif') no-repeat 2 3"; }
-
js获取div高度的代码
<style type="text/css"> <!-- #top { color: #FFFFFF; background-color: #FF0000; text-align: left; text-indent: 24px; width: 780px; line-height: 24px; font-size: 12px; padding-right: 10px; padding-left:
-
js如何获取object类型里的键值
最近遇到一个问题: 复制代码 代码如下: var obj = {"name1":"张三","name2":"李四"}; var key = "name1"; var value = obj.key;//得到了"undefined" value = obj.name1;//得到了"张三" 其实我是想动态给key赋值,然后得到key为多少所对就的值.但这种做法行不通,ob
-
android客户端从服务器端获取json数据并解析的实现代码
首先客户端从服务器端获取json数据 1.利用HttpUrlConnection 复制代码 代码如下: /** * 从指定的URL中获取数组 * @param urlPath * @return * @throws Exception */ public static String readParse(String urlPath) throws Exception { ByteArrayOutputSt
-
JS获取父节点方法
如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶层document节点获取: (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已
-
通过js获取div的background-image属性
之前没有注意过div的background-image这个属性,只是设置它的url,今天遇到一个问题特此做一下记录. 复制代码 代码如下: <div id="img_2" style="width:133px;height:95px; cursor:pointer; background-image: url('Chrysanthemum.jpg');" onclick="tempClick()"></div> 在js中想
-
JavaScript 获取当前时间戳的代码
JavaScript 获取当前时间戳: 第一种方法: 复制代码 代码如下: var timestamp = Date.parse(new Date()); 结果:1280977330000 第二种方法: 复制代码 代码如下: var timestamp = (new Date()).valueOf(); 结果:1280977330748 以上代码将获取从 1970年1月1日午夜开始的毫秒数.二者的区别是,第一种方法的毫秒位上为全零,即只是精确到秒的毫秒数 如题所示,返回unix时间戳所对应的具体
-
js获取和设置属性的方法
复制代码 代码如下: function square(num){ var total = num*num;//局部变量 return total;}var total = 50;//全局变量var number = square(20);alert(total);//结果为50 function square(num){ total = num*num;//全局变量 return total;}var total = 50;//全局变量var number = squar
-
js 获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY对象宽度 document.
-
js获取url参数值的两种方式
方法一:正则分析法 复制代码 代码如下: function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return n
随机推荐
- php 无法加载mysql的module的时候的配置的解决方案引发的思考
- Ajax教程实例详解
- JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
- javascript获取浏览器类型和版本的方法(js获取浏览器版本)
- 系统找不到光驱电脑找不到光驱的解决方法
- .NET微信公众号开发之准备工作
- php连接oracle数据库及查询数据的方法
- UTF-8转GB2312函数
- Vue之Watcher源码解析(2)
- php 字符串压缩方法比较示例
- python中执行shell命令的几个方法小结
- N点主机管理系统的重装步骤(图文)
- JS模块与命名空间的介绍
- 一个显示某段时间内每个月的方法 返回由这些月份组成的数组
- 最省空间的计数器
- C++ 动态创建按钮及 按钮的消息响应
- Python实现调度算法代码详解
- 安卓版本微信跳一跳自动执行代码剖析
- Android实现调用摄像头和相册的方法
- python爬虫 爬取58同城上所有城市的租房信息详解