如何使用正則表達式（JavaScript）的替換CSS網址

Question

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 

結果

#anything { 
    behavior:url("#"); 
} 

#anything { 
    background:transparent url('#') no-repeat; 
} 

#anything { 
    background-image:url('#'); 
} 

我怎樣才能做到這一點？

Answer 1

如果您想要使用單引號獲得URL，請將#替換爲$2。

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 
text = text.replace(/url\((['"])(.+?)\1\)/g, "url('#')"); 

Answer 2

例子：http://jsfiddle.net/GcsLQ/2/

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 


text = text.replace(/url\([^)]+\)/g, 'url("#")'); 

如果你想在空間格式化爲好，這樣做：

例子：http://jsfiddle.net/GcsLQ/3/

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 


text = text.replace(/url\([^)]+\)/g, 'url("#")') 
    .replace(/{/g,'{\n\t') 
    .replace(/}/g,'\n}\n'); 

編輯：加引號到替換的網址。

Answer 3

對於其他人誰到這裏來尋找，保留兩個空白和報價一個通用的解決方案：

//Test data 
var css = 'one url(two) url(\'three\') url("four") url ( five )'; 

css = css.replace(

    // Regex 
    /(url\W*\(\W*['"]?\W*)(.*?)(\W*['"]?\W*\))/g, 

    // Replacement string 
    '$1*$2*$3' 

); 

console.log(css); 

輸出

one url(*two*) url('*three*') url("*four*") url ( *five* )