Javascript 按钮更改图像

这是我的密码。我是JavaScript新手，这是我的第一个代码 （我盯着它看了两天，不知道怎么了）

我正在尝试编写一个HTML页面，它允许用户通过 单击一个按钮，然后通过单击另一个按钮返回到原始图像

当我执行它时，第一个图像与 两个按钮，但当我点击其中一个时，图像就变成空白

图2
图1

在JavaScript字符串文字中，

\

是转义字符，而不是文字字符。这样，我们就可以使用

\n

作为换行符，

\t

作为制表符，等等。要在分配给

src

属性的字符串中放入一个文本

\

，您需要

\

：

<button onclick="document.getElementById('IMG').src = 'C:\\Users\\Username\\Desktop\\firstcode\\img2.jpg'">IMAGE 2</button>

<img id="IMG" src="C:\Users\Username\Desktop\firstcode\img1.gif">

<button onclick="document.getElementById('IMG').src = 'C:\\Users\\Username\\Desktop\\firstcode\\img1.jpg'">IMAGE 1</button>

图2
图1

您不必在

img

标记中这样做，因为

\

在HTML中不是转义字符

---

旁注：只是提醒您人们会遇到一个常见的陷阱：如果您的

按钮
元素处于
表单中，他们会尝试提交表单，因为
按钮
元素的默认
类型
是
“提交”
（我认为非常令人惊讶）。为了防止它，您可以使用
。但在您所展示的内容中，这不是问题，因为它们不是
形式的

享受你的学习！接下来要看几件事：


使用现代事件处理，而不是通过属性样式的事件处理程序（也称为“DOM0”处理程序，因为多年来没有在任何标准中指定它们）。（如果你想了解如何支持那些没有的过时浏览器，我这里的答案有一些你可以使用的东西。）

使用本地安装的web服务器（可以选择很多），而不是直接打开HTML文件。这是因为浏览器处理直接打开的HTML文件（例如，
file://
URL）与从服务器加载的HTML不同，所以如果您的目标是学习web应用程序或页面的编程，最好使用web服务器

我不完全确定这是否是另一个问题，但我认为浏览器可能试图将
C:\…
中的C解释为一个（无法识别的）协议，而不是驱动器号，从而导致问题。@CertainPerformance-当然不是在Windows上。虽然我认为使用文件路径而不是
文件：//
URL不是指定的行为，但它在基于Windows的浏览器上普遍受支持。如果下面的答案回答了您的问题，即堆栈溢出的工作方式，您可以通过单击旁边的复选标记来“接受”答案，从而将其从未回答问题列表中删除。但前提是你的问题真的得到了回答。