<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>单机这两个按钮打开新的页面而不关闭原来的页面的代码
时间: 2023-08-18 22:08:51 浏览: 190
javascript 改变字体大小方法集合 <font color=red>原创</font>
以下是可以实现您要求的 HTML 代码:
```html
<div class="button-container">
<button class="button button-1" onclick="window.open('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="window.open('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>
```
这里使用了 `window.open()` 方法来打开新的页面,而不是直接跳转到新页面。这样就可以保留原页面的状态,同时在新页面中浏览不同的内容。
阅读全文