javascript | 单引号之间的字符串文本问题

Question

'bg' 被识别为变量.. 它应该是文本.. 我也尝试了双引号，但 url() 只接受单引号 url

 var ahref = '<a href="#" style="background-image: url('bg');"></a>'; var newhref = ahref.replace('bg', newThumbnailUrl)

Answer 1

JavaScript 字符串插值的工作方式不同。

您可以使用模板文字，使用反引号` ` 。

 var bg = 'your-image.jpg'; var ahref = `<a href="#" style="background-image: url('${bg}');"></a>`; console.log(ahref);

或者，您可以使用加法运算符+连接字符串。

 var bg = 'your-image.jpg'; var ahref = '<a href="#" style="background-image: url(\'' + bg + '\');"></a>'; console.log(ahref);

url()属性不需要引号，仅在某些条件下。

url，它是指向要包含的 web 资源的相对或绝对地址或指针，或者是数据 uri，可选择单引号或双引号。 如果 URL 包含括号、空格或引号，则需要引号，除非这些字符被转义，或者地址包含高于 0x7e 的控制字符。 资源