为什么我的HTML按钮点击后无法跳转到网站其他页面？

问题原因 #

你当前的代码错误点是onclick属性需要传入可执行的JavaScript逻辑，直接填写跳转链接无法被浏览器识别为跳转动作，因此点击后没有反应。

解决方案 #

提供两种常用的实现方案：

• 方案1：保持button标签，补全跳转JS逻辑
  修改后的代码如下：

<button onclick="window.location.href='https://rgulewicz2438602.ipage.com/About.html'">About</button>

这个方案适合需要保留button原有交互样式、不想额外写CSS的场景。

• 方案2：使用语义更友好的a标签实现（推荐）
  原生a标签本身就支持跳转行为，不需要依赖JavaScript，兼容性更好，你可以给a标签加CSS样式伪装成按钮外观，也可以直接嵌套button标签（HTML5规范下支持）：

<!-- 嵌套button写法 -->
<a href="https://rgulewicz2438602.ipage.com/About.html">
  <button>About</button>
</a>

<!-- 更符合语义规范的写法，后续给a标签加btn类自定义按钮样式即可 -->
<a href="https://rgulewicz2438602.ipage.com/About.html" class="btn">About</a>

两种写法都可以正常实现跳转效果，你可以根据自己的开发需求选择。

内容的提问来源于stack exchange，提问作者ScpteR