<div class="button-container"> <button class="button button-1"><b>美食介绍</b></button> <button class="button button-2"><b>美景介绍</b></button> </div>单击这两个按钮实现切换到file:///D:/Programmingsoftware/Web/Web%E4%BB%A3%E7%A0%81/%E6%B5%8B%E8%AF%95.html和file:///D:/Programmingsoftware/Web/Web%E4%BB%A3%E7%A0%81/%E8%BD%AE%E6%92%AD%E5%9B%BE.html页面的代码
时间: 2023-07-19 12:31:42 浏览: 154
学习使用bootstrap基本控件(table、form、button)
你想要实现切换到不同的页面,可以使用以下代码:
```html
<div class="button-container">
<button class="button button-1" onclick="location.href='file:///D:/Programmingsoftware/Web/Web%E4%BB%A3%E7%A0%81/%E7%BE%8E%E9%A3%9F%E4%BB%8B%E7%BB%8D.html'"><b>美食介绍</b></button>
<button class="button button-2" onclick="location.href='file:///D:/Programmingsoftware/Web/Web%E4%BB%A3%E7%A0%81/%E7%BE%8E%E6%99%AF%E4%BB%8B%E7%BB%8D.html'"><b>美景介绍</b></button>
</div>
```
其中,通过 `onclick` 事件实现了按钮的点击响应,将页面跳转到对应的 URL。你需要将 URL 修改为你自己的本地文件路径。
阅读全文