本文将介绍一个简单的例子源码，可用于在网页上通过点击屏幕更换图片。这个例子源码可以帮助初学者了解如何使用 JavaScript 来实现动态更换网页元素的功能。
首先，我们需要在 HTML 中定义一个图片元素和一个按钮元素。代码如下：
```
```
其中，图片元素的 ID 是 “myImage”，初始显示的图片是 “image1.jpg”，宽和高都设置为 200 像素。按钮元素的 onclick 事件被设置为 “changeImage()”，这个函数我们稍后再定义。
接下来，我们需要在 JavaScript 中定义 changeImage() 函数。这个函数通过改变图片元素的 src 属性来切换不同的图片。代码如下：
```
function changeImage() {
var image = document.getElementById("myImage");
if (image.src.match("image1")) {
image.src = "image2.jpg";
} else {
image.src = "image1.jpg";
}
}
```
在这个函数中，我们首先获取图片元素对象。然后，我们检查当前图片的 src 属性是否包含 “image1” 字符串。如果包含，说明当前显示的是第一张图片，我们就将图片的 src 属性改为 “image2.jpg”，即切换到第二张图片。否则，当前显示的是第二张图片，我们就将图片的 src 属性改为 “image1.jpg”，即切换到第一张图片。
最后，我们将这个 JavaScript 代码放在 HTML 文件的
或 标签中，就可以实现点击屏幕更换图片的功能了。总之，这个例子源码简单易懂，适合初学者学习。通过这个例子，我们可以了解如何使用 JavaScript 来改变网页元素的属性，实现动态交互效果。
