怎样通过点击按钮来切换标签页？

取消掉<a>标签的默认事件才能实现按钮切换标签页，可以通过JavaScript实现。

HTML：

<button onclick="changeTab(1)">Tab 1</button>
<button onclick="changeTab(2)">Tab 2</button>
<button onclick="changeTab(3)">Tab 3</button>

<div id="tab1" class="tabcontent">Tab 1 content</div>
<div id="tab2" class="tabcontent">Tab 2 content</div>
<div id="tab3" class="tabcontent">Tab 3 content</div>

CSS：

/* 隐藏所有标签页内容 */
.tabcontent {
  display: none;
}

JavaScript：

function changeTab(tabIndex) {
  // 隐藏所有标签页内容
  var tabcontents = document.getElementsByClassName("tabcontent");
  for (var i = 0; i < tabcontents.length; i++) {
    tabcontents[i].style.display = "none";
  }

  // 显示选中的标签页内容
  var tab = document.getElementById("tab" + tabIndex);
  tab.style.display = "block";
}

在这段代码中，我们在每个按钮上添加了一个名为“changeTab”的JavaScript函数，并向其传递标签页索引。函数使用“getElementByClassName”方法获取所有标签页，然后使用循环隐藏所有标签页。最后，它使用“getElementById”方法获取选定的标签页，并将其显示出来。