如何在JavaScript中将变量插入URL字符串？嵌套字符串场景解析

你的代码问题在于：用双引号包裹整个字符串时，内部的'+imageId+'会被当作普通文本，不会解析变量。以下是两种可靠的解决方式：

1. 模板字符串（最推荐） #

用反引号（）包裹字符串，通过${变量名}`插入数值，彻底避免引号嵌套混乱：

const imageId = 13935764;

switchBackground.onclick = function(){
  setbg.style.backgroundImage = `url('https://images.pexels.com/photos/${imageId}/pexels-photo-13366951.jpeg?cs=srgb&dl=pexels-kwnos-iv-13366951.jpg&fm=jpg')`;
}

2. 字符串拼接 #

拆分字符串，用+连接变量，注意引号的正确闭合：

const imageId = 13935764;

switchBackground.onclick = function(){
  setbg.style.backgroundImage = "url('https://images.pexels.com/photos/" + imageId + "/pexels-photo-13366951.jpeg?cs=srgb&dl=pexels-kwnos-iv-13366951.jpg&fm=jpg')";
}

原代码错误原因：双引号内的'+imageId+'属于字符串字面量，JavaScript不会将其识别为变量，导致URL中无法替换为实际的imageId数值。

内容的提问来源于stack exchange，提问作者gogosimba