在链接中使用 session.storage 变量

Question

我正在尝试使用session.storage 制作一个简单的配置器，其中用户首先选择了第一个属性，然后将其存储在 session.storage 变量中（即：onclick="sessionStorage.at1='red'"） 然后，然后是第二个和第三个。

效果很好，我可以将不同的属性显示为文本 - 但我想显示我使用以下语法制作的相应图像：at1at2at3.jpg (redlargewood.jpg) 但我不知道如何实际使用如下变量：<img src=sessionStorage.at1 + sessionStorage.at2 + sessionStorage.at3 + ".jpg " >

任何帮助将不胜感激

Answer 1

您可以通过 javascript.Add id 到您的图像标签并在 javascript 中执行以下操作：

let first = 'red';
let second = 'large';
let third = 'wood';

let pic = `${first}${second}${third}.jpg`
document.getElementById('demo').src = pic;