在新窗口中显示图像

Question

我目前正在尝试通过点击它在新窗口中打开图像。但我似乎无法弄清楚我的代码错在哪里。任何解决方案？

function largePic(){

var imageNumber = document.getElementById("img2");
imageNumber = this.getAttribute('src').split(".", 1);
window.open(imageNumber[0] + "zlatan-stor.jpg");

}

Answer 1

您应该尝试将“this.getAttribute('src').split(".",1);”更改为

imageNumber.getAttribute('src').split(".",1);

Answer 2

你确定＃img2是被点击的吗？如果不是这样做的话：

function largePic(){

   var imageNumber = document.getElementById("img2");
   var link = imageNumber.getAttribute('src').split(".", 1);
   window.open(link[0] + "zlatan-stor.jpg");

}

这个只有在函数被内联调用时才会起作用（你不应该这样做，你应该把你的js代码放在一个单独的文件中）

Answer 3

此question与您的非常相似。

我认为您的代码存在的主要问题是window.open需要一个URL而一个未提供。

通过此链接找到的答案应该允许您将代码分成外部文件，正如@Skatox所提到的，这是一个很好的做法。