使用JavaScript为导航按钮添加事件监听器，以实现点击按钮时切换图片。请问怎么添加时间监听器？

要为导航按钮添加事件监听器，可以使用JavaScript中的addEventListener()方法。该方法可以接受三个参数：事件类型、要执行的函数和一个可选的布尔值，指定事件是否在捕获或冒泡阶段处理。以下是一个示例代码，实现了当用户点击按钮时，切换图片：

HTML 代码：

<button id="nav-button">切换图片</button>
<img id="my-image" src="image1.jpg">

JavaScript 代码：

var button = document.getElementById("nav-button");
var image = document.getElementById("my-image");
button.addEventListener("click", function() {
  if (image.src.match("image1.jpg")) {
    image.src = "image2.jpg";
  } else {
    image.src = "image1.jpg";
  }
});

在此示例中，我们首先通过getElementById()方法获取按钮和图像元素，然后使用addEventListener()方法为按钮添加一个点击事件监听器。监听器的函数使用了if语句，根据图像元素的src属性判断当前显示的图片是哪一张，然后切换到另一张图片。