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];
}

 轉載時請註明出處及相應連接，本文永久地址：http://www.javashuo.com/article/p-qvacjdpp-eg.html，文章標題備註轉載，如：xxx【轉載】,謝謝！