Javascript 单击“图像更新”上的网页按钮

我想知道是否有可能有一个带有文本字段和按钮的HTML表单，在其中输入一个字符串（比如5），按下按钮，服务器上存储的图像“image5.jpg”就会呈现在网页上

我相信它可以归结为编码一个按钮“点击方法”：

读取文本字段并形成图像的文件名字符串

最好是更新映像（或者将用户重定向到“”）

除了基本的HTML之外，我还不太熟悉，但如果我知道如何完成这项工作，我可以把它拼凑起来。 谢谢

JSFiddle:

没有真实的图像可以显示，但是如果您检查DOM，您将看到它将图像更改为

<img id="image" src="http://somewebsite.com/image2.jpg"> 

因此，如果您输入正确的图像路径，当您按下按钮时，它将立即显示它们

您可以在输入的

change

事件中执行此操作，但这有点刺耳

JSFiddle:

没有真实的图像可以显示，但是如果您检查DOM，您将看到它将图像更改为

<img id="image" src="http://somewebsite.com/image2.jpg"> 

因此，如果您输入正确的图像路径，当您按下按钮时，它将立即显示它们

---

您可以在输入的

change

事件中执行此操作，但这有点不和谐。

您是对的！（1）

textField.value

和（2）

img.src=value

。你是对的！（1）

textField.value

和（2）

img.src=value

。最后一件事：HTML和Javascript是如何结合的？把JS in标签放在身体里？是的。由于代码位于DOM就绪处理程序中，并且在加载页面之前不会运行，因此脚本可以在页面中的任何位置运行。头、尾、尾的东西：HTML和Javascript是如何结合在一起的？把JS in标签放在身体里？是的。由于代码位于DOM就绪处理程序中，并且在加载页面之前不会运行，因此脚本可以在页面中的任何位置运行。头部、身体末端等