Javascript 单击subnav标题上的按钮时，如何重定向到其他页面？

我正在使用Flask、HTML、CSS和JS构建一个网站。我有一个导航栏，它有一个指向其他链接的下拉菜单。您可以在此处查看图像-[我的导航图像][1] [1]: https://i.stack.imgur.com/bF6no.png

正如你们所看到的，它有我的子菜单，但当我点击，让我们说一下，它并没有重定向到另一个页面

这是我的html/js：

<div class="navbar">
  <a href="{{url_for('home_page')}}">Home</a>
  <div class="subnav">
    <button id="myButton" class="subnavbtn">About <i class="fa fa-caret-down"></i></button>
    <div class="subnav-content">
      <a href="#company">About US</a>
        <a href="#company">PCU Vision</a>
        <a href="#company">Why PCU?</a>
      <a href="#team">Contact</a>
    </div>
  </div>
    <script><script type="text/javascript">
    document.getElementById("myButton").onclick = function () {
        location.href = "{{url_for('home_page')}}";
    };
</script>

关于
document.getElementById（“myButton”）.onclick=function（）{
location.href=“{{url\u for（'home\u page'）}}”；
};

我创建了一个名为myButton的函数，所以当我单击About按钮时，它会将我重定向到另一个页面，但没有用

---

我不熟悉HTML和js，因此任何想法或建议都会有所帮助。

要在单击“关于”按钮时重定向到页面，请在文本前使用“href”。 像这样：

<button id="myButton" class="subnavbtn"><a href="company.html" style="text-decoration: none;">About<i class="fa fa-caret-down"></i></button>

document.getElementById（“myButton”）.onclick=function（）{
location.href=“{{url\u for（'home\u page'）}}”；
};

这是否回答了您的问题？使用指向另一个页面的链接怎么样？关于项目。不是它的子菜单项（关于我们等），我知道如何用子菜单项重定向，只是不知道按钮

<div class="navbar">
  <a href="{{url_for('home_page')}}">Home</a>
  <div class="subnav">
    <button id="myButton" class="subnavbtn"><a href="https://stackoverflow.com" style="text-decoration: none;">About<i class="fa fa-caret-down"></i></button>
    <div class="subnav-content">
      <a href="#company">About US</a>
        <a href="#company">PCU Vision</a>
        <a href="#company">Why PCU?</a>
      <a href="#team">Contact</a>
    </div>
  </div>
  <script type="text/javascript">
    document.getElementById("myButton").onclick = function () {
        location.href = "{{url_for('home_page')}}";
    };
  </script>