js取得background屬性url的值--移動端【踩坑】

獲取一個圖片的地址（該圖片的路徑是寫在css的background-img屬性中的），一般實現方式：

var topimg = $(".topbg").css("backgroundImage");
alert(topimg);

獲取的是包含url（“xxx.jpg”）形式的值，獲取url內的值，實現方式如下：

var topimg = $(".topbg").css("backgroundImage");
topimg = topimg.split('(')[1].split(')')[0];
alert(topimg);

在這里一般的安卓手機和ios手機都是無法實現的，alert的內容是包含雙引號的圖片地址，不是純圖片地址，於是還需要去掉雙引號：

var topimg = $(".topbg").css("backgroundImage");
topimg = topimg.split('("')[1].split('")')[0];
alert(topimg)

在這里就可以獲取到background-image的圖片地址了。

但是，這里有一個坑。。

在iphoneX上依然無法獲取到background-image的圖片地址，經過不斷的斷點調試，發現，

在iphoneX上的background-image的值是不包含雙引號的：url(image.png)；而在其他手機上background-image的值是包含雙引號的：url("image.png"),

於是將代碼做出如下調整即可實現：

var topimg = $(".topbg").css("backgroundImage");
topimg = topimg.split('(')[1].split(')')[0];
if(topimg.indexOf('"') > -1){
    topimg = topimg.split('"')[1].split('"')[0];
}

 轉載時請注明出處及相應鏈接，本文永久地址：https://www.cnblogs.com/wangxiaoling/p/9958936.html，文章標題備注轉載，如：xxx【轉載】,謝謝！