提示 = 背景图像 javascript

Posted 2023-03-28

【中文标题】提示 = 背景图像 javascript

【英文标题】：Prompt = background image javascript

【发布时间】：2021-09-12 19:58:01

【问题描述】：

我试图这样做 background-image: url("+person.value+"); 里面 bg1 是提示值，但我知道它是如何删除我尝试时的背景

     document.getElementsByClassName("btn-cta-md")[0].addEventListener("click",
  function() 
    var person = prompt("image url: (.png, .jpg, .gif) example:", "https://skully.com/image.png");
    if (person != null) 
      var bg1=`


      <style id="bgimage" class="texture" type="text/css">.avatar-back
      
        background-image: url('+person.Value+');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
      </style>`;
          console.log(person);
      
       document.getElementsByClassName('thumbnail-2d-container avatar-card-image')[0].innerhtml += bg1
   
    
  
);

感谢过去 4 小时我一直在尝试的任何帮助，但我想不出办法了...

【参考方案1】：

你在一个模板字符串中，所以只需像这样使用插值：

background-image: url('$person');

【讨论】：

用我的替换你的背景图片

天哪，真是太感谢你了

另外我还有一个问题，如果你能帮助我，我将如何保存它（如果页面刷新/关闭它会保存下次提示中设置的背景）

那是另一个话题，你必须将状态保存在一些浏览器存储中，如 localStorage 或 IndexedDB