JS点击图片改变图片图径并用正则表达式取图片名

JavaScript 魔法世界

在网页设计中，JavaScript 能够实现许多令人惊叹的功能。想象一下，当你点击一张图片时，它不仅能够切换显示状态，还能更改图片路径。这一切，都是利用 JavaScript 和正则表达式实现的。

以下是实现这一效果的代码示例：

JavaScript 代码

```javascript

```

在这个代码中，我们定义了一个名为 `img1_onclick` 的函数，当点击具有特定 ID 的图片时，会触发这个函数。函数首先通过正则表达式提取图片的名称，然后根据图片名称是 "True" 还是其他名称来切换图片的显示状态。整个过程流畅且引人入胜。

HTML 代码与正则表达式

``

在这段 HTML 代码中，我们有一张图片，其 ID 为 `img1`，初始时显示的图片为 `False.jpg`。点击这张图片时，会调用前面定义的 JavaScript 函数来更改图片路径。正则表达式 `replace(/.\/([^/\.]+)\../,'$1')` 用于从完整的图片路径中提取出图片的名称。例如，如果完整的路径是 `Images/True.jpg`，那么这个正则表达式会匹配并提取出 `True` 作为图片的名称。这样我们就可以根据这个名称来决定更换为哪个图片路径。这个正则表达式的匹配模式非常强大且灵活，能够处理各种复杂的图片路径格式。这样，每次点击图片时，都可以轻松实现图片的切换效果。