点击a标签后在让他发生切换

如果你想要让点击链接后发生页面切换，可以使用JavaScript来实现。以下是一个基本的实现思路：

1. 获取所有需要切换的页面元素，可以使用`document.querySelectorAll()`方法获取所有需要切换的元素。

var pages = document.querySelectorAll('.page');

2. 给需要切换的链接添加点击事件监听器，在事件处理函数中根据需要切换的页面元素的状态，添加或移除指定的CSS类。

var links = document.querySelectorAll('a');

for (var i = 0; i < links.length; i++) {
  links[i].addEventListener('click', function(event) {
    event.preventDefault();
    var target = document.querySelector(this.getAttribute('href'));
    if (target.classList.contains('active')) {
      // 如果目标页面已经处于激活状态，不做任何操作
      return;
    }
    for (var j = 0; j < pages.length; j++) {
      pages[j].classList.remove('active');
    }
    target.classList.add('active');
  });
}

在这个例子中，首先获取了所有需要切换的页面元素，然后给所有需要切换的链接添加点击事件监听器。在事件处理函数中，首先调用`event.preventDefault()`方法来阻止默认的链接跳转行为，然后根据点击的链接所对应的目标页面元素的状态，添加或移除指定的CSS类来实现页面切换的效果。

需要注意的是，在这个例子中，我们使用了CSS类来控制页面元素的显示和隐藏。在CSS中，可以使用`.page.active`这样的选择器来选择所有同时拥有`.page`和`.active`这两个类的元素，从而实现针对特定状态的样式控制。如果你需要控制元素的显示和隐藏，可以在CSS中使用`display`属性来实现。