Question

显示图片时如何指定重定向到网站“href”？对于每张图片分别链接。

var images = document.querySelectorAll('.img');

for (var i = images.length; i--;) images[i].addEventListener('click', change);

function change() {
  switch (this.value) {
    case "colour1":
      image = '<img src="https://"></img>';
      break;
    case "colour2":
      image = '<img src="https://"></img>';
      break;
    case "colour3":
      image = '<img src="https://"></img>';
      break;

    default:
      image = '<img src="#!"></img>';
  }

  document.getElementById("output-image").innerHTML = image;
}

Answer 1

假设您要添加一个链接到图像，以便它可以作为一个单独的页面加载，您只需将图像包装在带有图像URL的链接标记中，如果您希望该链接不是图像周围的链接而是链接自己，然后在图像后添加它，并使用CSS定位样式它随意。

 var images = document.querySelectorAll('.img');

    for (var i = images.length; i--;) images[i].addEventListener('click', change);

    function change() {
      switch (this.value) {
        case "colour1":
          image = '<a target="_blank" href="https://"><img src="https://"></img></a>';
          break;
        case "colour2":
          image = '<a target="_blank" href="https://"><img src="https://"></img>';
          break;
        case "colour3":
          image = '<a target="_blank" href="https://"><img src="https://"></img>';
          break;

    default:
      image = '<a target="_blank" href="#!"><img src="#!"></img></a>';
  }

  document.getElementById("output-image").innerHTML = image;
}

注意我使用属性target =“_ blank”来指示链接打开一个新窗口。如果我希望链接有措辞，我会像这样添加它：

<a href="https://..." target="_blank">Enlarge</a>

在switch case JavaScript中添加href

1 个答案: