Question

我有一个非常基本的页面，显示六个图像和一个文本框，要求用户输入他们想要显示到新窗口中的图像的编号。

这个想法主要是使用纯javascript控制DOM来操纵页面。您看到的所有jQuery都是可以接受的，但我必须通过索引来访问和显示图像。

function checkInput() {
  var input = document.getElementById('txtNum').value; //get image number to display
  if (input < 1 || input > 6) {
    $('#error').empty().append('!Please enter a number between 1 and 6!');
    return;
  } else {
    $('#error').empty();
    var indexSrc = document.images[input-1].src;
    var newWindow = window.open("", "Image", "height=500", "width=500");
    newWindow.document.write( 
      "<img src='indexSrc' />" //error
    )
  }
}

逻辑很简单，除了在新窗口中实际显示图像外，它似乎正常工作。我目前正在将图像src存储到变量中，然后尝试使用相同的变量显示图像。我认为这是不可接受的，但未能找到任何正确的解决方案。有什么建议吗？

Answer 1

您可以尝试替换

    "<img src='indexSrc'/>"

通过

    "<img src='" + indexSrc + "'/>"

看看它是否有效。

当你把'indexSrc＆＃39;在字符串中，您实际上并未引用您已创建的变量indexSrc。

使用索引访问和显示图像

1 个答案: