跟AI学一手之切换网页背景图

由于背景图要覆盖全部页面，所以要改 body 的样式，但是 background的属性要用 url 函数，所以写法就比较关键了，经过一番 deepseek，了解到大概应该像下面这样写

changeBackground(){ const url = this.backgrounds[this.idx % 5]; this.idx += 1; this.currentBg.value = url; document.body.style.backgroundImage = `url(${url})` document.body.style.backgroundSize = 'cover' document.body.style.backgroundPosition = 'center' document.body.style.backgroundAttachment = 'fixed' document.body.style.backgroundRepeat = 'no-repeat' // 可选：保存到 localStorage localStorage.setItem('bodyBackground', url) }

首先，最外层应该用``符号包裹，然后里面的参数还要用${}包裹，这样才能正确调用，反引号包裹的字符串在 js 里叫模板字符串，是 es6的标准特性，而用普通字符串写法比较繁琐，普通写法：'url(' + url + ')'，学习一下。