Javascript 如何从文档中将此图片更改为一张？

正如你在下面看到的，这是一个有效的代码，但问题是，当我把这个代码呈现给我的老师时，我不会上网。因此，我需要使用已保存在文档中的图片

单击按钮以切换到下一个灯光

下一道亮光
var lights=新阵列（“http://mars.wiwi.hu-berlin.de/mediawiki/sk/images/thumb/1/1f/Red_Light_Icon.svg/232px-Red_Light_Icon.svg.png","https://upload.wikimedia.org/wikipedia/commons/thumb/4/45/Yellow_Light_Icon.svg/232px-Yellow_Light_Icon.svg.png","https://upload.wikimedia.org/wikipedia/commons/4/4b/Green_Light_Icon.svg");
var指数=0；
var lightsLen=lights.length；
函数nextLightClick（）{
索引++；
如果（索引==lightsLen）
指数=0；
var image=document.getElementById（'starting_light'）；
image.src=灯光[索引]；
}

---

你们中的一位专家能否更改此代码，使internet上的3张图片成为我文档中的图片。我不知道如何找到我文档中图片的路径。html代码和图片位于同一文件夹中，但仍不起作用。

确保html文件与图像位于同一本地文件夹中，然后尝试此操作（因此没有任何文件夹）：

---

浏览器假定它与html文件位于同一文件夹中，并将加载它们。不需要完整的路径

最好的办法可能是将这三张图片保存到计算机中，然后将它们移动到html文档旁边的文件夹中。我通常用一个根文件夹设置我的文件以保存所有项目文件，根文件夹中有我的html/php/任何文档，还有一个名为

Images

的子文件夹

将所有图像和支持文件放在该文件夹中，并从Javascript内部引用它们，如下所示：

var lights = new Array("\Images\232px-red_Light_Icon.svg.png", "\Images\232px-Yellow_Light_Icon.svg.png", etc);

为了澄清，您已经将原始web路径更改为本地路径。您不必包含完整的文件路径（例如，

C:\Users\Username\Pictures\image.png

），因为默认情况下，您的脚本将查看html文档所在的文件夹，以及您指定的任何路径。如果html文档位于

C:\Users\User\Documents\

中，则上面数组中描述的本地路径将等于

C:\Users\Documents\Images\232px-red\u Light\u Icon.svg.png

如果您在计算机上的其他位置存储了您想要使用的文件，您也可以通过键入完整位置（例如，

C:\Users\Documents\Images\232px-red\u Light\u Icon.svg.png

）来指定完整路径，但这是一种不好的做法，因为如果您移动或重命名该文件，您可能无法在脚本中引用它。通过使用与脚本位于同一文件夹中的Images文件夹，您基本上可以复制该根文件夹并将其移动到任何位置，并且它仍然拥有其所有支持文件

---

希望这有帮助

试试看：

file:///C:/Users/tom/Documents/image2.jpg

假设你有一台Windows PC。没有。你还是没用。你把

tom

部分改成了你所有的登录，对吗？您从控制台（F12）得到了什么错误？file:///C:/Users/tom/Documents/image2.jpg 加载资源失败：net:：ERR_FILE_NOT_FOUNDTry@kloarubeek答案更简单。

var lights = new Array("image1.jpg","image2.jpg","image3.jpg");

var lights = new Array("\Images\232px-red_Light_Icon.svg.png", "\Images\232px-Yellow_Light_Icon.svg.png", etc);