写一个在一个页面由不同按钮控制显示不同内容的网页

可以使用 JavaScript 来实现这个功能。首先，在 HTML 中定义不同的内容区域，例如使用 div 标签：

<div id="content1">这是第一个内容区域</div>
<div id="content2">这是第二个内容区域</div>
<div id="content3">这是第三个内容区域</div>

然后，在 JavaScript 中定义按钮的点击事件，根据不同的按钮来显示对应的内容区域：

document.getElementById("button1").addEventListener("click", function() {
  document.getElementById("content1").style.display = "block";
  document.getElementById("content2").style.display = "none";
  document.getElementById("content3").style.display = "none";
});

document.getElementById("button2").addEventListener("click", function() {
  document.getElementById("content1").style.display = "none";
  document.getElementById("content2").style.display = "block";
  document.getElementById("content3").style.display = "none";
});

document.getElementById("button3").addEventListener("click", function() {
  document.getElementById("content1").style.display = "none";
  document.getElementById("content2").style.display = "none";
  document.getElementById("content3").style.display = "block";
});

其中，button1、button2、button3 分别是控制显示不同内容的按钮的 id。通过设置对应内容区域的 display 样式来实现显示或隐藏。