如何在按钮的帮助下重定向网页答案

【问题标题】：How to redirect a web page with help of buttons如何在按钮的帮助下重定向网页
【发布时间】：2020-01-09 00:41:41
【问题描述】：

<div class="navbar">
  <a>
    <div class="grid__item theme-1">
      <button class="action"></button>
      <button class="particles-button">Home</button>
    </div>
  </a>
</div>

在这个效果应用中，效果完成后如何重定向它？

【问题讨论】：

How to create an HTML button that acts like a link?的可能重复
请在这个问题上表现出一些努力，同一个问题有很多答案。一种用法是：onclick="location.href='http://google.com';"
欢迎来到 StackOverflow。请从一个问题开始你的问题——这就是为什么它被称为问题。一段未注释的代码并不能真正帮助社区了解您想要实现的目标。
How can I make a button redirect my page to another page?的可能重复

标签： javascript html css

【解决方案1】：

只需将onclick 事件添加到button：

<button onclick="location.href = 'www.anysite.com';" id="buttonID" class="particles-button" >Home</button>

其他方式是

<button class="particles-button" id="buttonID" >Home</button>

<script type="text/javascript">
    document.getElementById("buttonID").onclick = function () {
        location.href = "www.anysite.com";
    };
</script>

【讨论】：

【解决方案2】：

网页间接使用<a>标签更好，因为：

它不需要 JavaScript
更容易实现无障碍功能
它使 HTML 代码更具可读性

<div class="navbar">
  <a>
    <div class="grid__item theme-1">
      <a href="https://www.w3docs.com/" class="button">Click Here</a>
      <button class="particles-button">Home</button>
    </div>
  </a>
</div>

【讨论】：

【解决方案3】：

<button onclick="window.location.href='https://google.com'">Go to link</button>

【讨论】：