如何将按钮链接到另一个 html 文件（在 HTML 中）[重复]

Posted 2023-02-21

【中文标题】如何将按钮链接到另一个 html 文件（在 HTML 中）[重复]

【英文标题】：How to link button to another html file (in HTML) [duplicate]

【发布时间】：2019-08-29 05:55:43

【问题描述】：

我正在尝试制作一个按钮，单击该按钮会显示另一个 html 文档。 但是，我不知道该怎么做。

【问题讨论】：

你到现在都试过什么

您是否正在寻找一个像链接一样工作的 HTML 按钮？类似w3docs.com/snippets/html/…

您要提交表单吗？或者只是您想在单击按钮时重定向到另一个页面？

【参考方案1】：

只需在按钮上添加一个 onclick 事件：

<button onclick="location.href = 'anotherfile.html';" id="myButton" class="float-left submit-button" >Home</button>

或者你应该这样做：

<button id="myButton" class="float-left submit-button" >Home</button>

<script type="text/javascript">
    document.getElementById("myButton").onclick = function () 
        location.href = "anotherfile.html";
    ;
</script>

更多建议：

<a href='anotherfile.html'>Click here</a>