Javascript 在新窗口中显示图像

我目前正试图通过单击在新窗口中打开图像。但我似乎无法找出我的代码哪里错了。有解决办法吗

function largePic(){

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

}

您应该尝试将“

this.getAttribute（'src'）.split（“.”，1）；

”更改为

您应该尝试将“

this.getAttribute（'src'）.split（“.”，1）；

”更改为

您确定正在单击的是#img2吗？如果不只是这样做：

function largePic(){

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

}

只有当函数被称为内联函数时（你不应该这样做，你应该将你的js代码放在一个单独的文件中）

你确定要单击的是#img2吗？如果不只是这样做：

function largePic(){

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

}

此仅当函数被称为内联时才有效（您不应该这样做，您应该将js代码放在单独的文件中）

这与您的非常相似

我认为您的代码的主要问题是

window.open

需要一个URL，但没有提供

按照此链接中的答案，您可以将代码分离到一个外部文件中，正如@Skatox所提到的，这是一个很好的做法。

这与您的做法非常相似

我认为您的代码的主要问题是

window.open

需要一个URL，但没有提供

---

---

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

您当前正在这样做。getAttribute，请尝试imageNumber.getAttribute（'src'）。split（“.”，1）；您是否尝试记录您试图打开的URL（

console.log

）？若将创建的URL放入浏览器地址行，会发生什么情况？你能用

窗口打开任何其他不相关的URL吗？打开

？我点击的前一张图片不会被新图片替换。file:///C:/Users/Walid/Desktop/Skola/Webbteknologi-Databaser/Delkurs2/Inl%C3%A4mning6/zlatanzlatan-stor.jpg，正如您可以看到的，zlatan停留，然后是zlatan-stor.jpg。我没有名为zlatanzlatan-stor.jpgyou的文件，您当前正在执行此操作。getAttribute，请尝试imageNumber.getAttribute（'src'）。split（“.”，1）；您是否尝试记录您试图打开的URL（

console.log

）？若将创建的URL放入浏览器地址行，会发生什么情况？你能用

窗口打开任何其他不相关的URL吗？打开

？我点击的前一张图片不会被新图片替换。file:///C:/Users/Walid/Desktop/Skola/Webbteknologi-Databaser/Delkurs2/Inl%C3%A4mning6/zlatanzlatan-stor.jpg，正如您可以看到的，zlatan停留，然后是zlatan-stor.jpg。我没有一个名为zlatanzlatan-stor.jpgit的文件打开了一个新窗口，但是图像没有显示。我得到一个错误，它找不到图像。窗口打开的URL是什么？您应该尝试“http://”+imageNumber[0]+'zlatan-stor.jpg“当窗口打开时，情况是它不知何故没有取代我点击的前一张图片。file:///C:/Users/Walid/Desktop/Skola/Webbteknologi-Databaser/Delkurs2/Inl%C3%A4mning6/zlatanzlatan-stor.jpg，正如您所看到的，它具有前面图像的名称zlatan，然后是我看到的新图像zlatam-stor.jpgOh。这是因为你要求它使用“小图像+大图像”的名称。尝试打开窗口（imageNumber[0]+“-stor.jpg”）；我敢打赌，你会看到魔法：——）杜阿尔科门，布拉克维尔！它确实打开了一个新窗口，但没有显示图像。我得到一个错误，它找不到图像。窗口打开的URL是什么？您应该尝试“http://”+imageNumber[0]+'zlatan-stor.jpg“当窗口打开时，情况是它不知何故没有取代我点击的前一张图片。file:///C:/Users/Walid/Desktop/Skola/Webbteknologi-Databaser/Delkurs2/Inl%C3%A4mning6/zlatanzlatan-stor.jpg，正如您所看到的，它具有前面图像的名称zlatan，然后是我看到的新图像zlatam-stor.jpgOh。这是因为你要求它使用“小图像+大图像”的名称。尝试打开窗口（imageNumber[0]+“-stor.jpg”）；我敢打赌，你会看到魔法：——）杜阿尔科门，布拉克维尔！这就是我的答案。哈哈：-）很高兴再次见到你斯卡托。是的，身份证是img2。但是它没有找到图像，只是打开了一个新窗口。伙计，这就是我的答案。哈哈：-）很高兴再次见到你斯卡托。是的，身份证是img2。但是它没有找到图像，只是打开了一个新窗口。我在一个单独的文件中有这个js代码。然后我调用img所在的函数，如下所示。我在一个单独的文件中有这个js代码。然后我调用img所在的函数，如下所示。