繁体   English   中英

创建一个 HTML 按钮,作为带有“onclick”的链接?

[英]Create an HTML button that works as a link with an “onclick”?

我是 HTML 的新手,我需要一些帮助,我想创建一个 HTML 按钮,其作用类似于链接。

因此,当您单击按钮时,它会重定向到本地存储在同一文件中的页面,该文件名为“page 2 html”,

我有一个代码行:

<button type="submit">connect</button>

我想在这个按钮上添加一个“window.onclick”function 重定向到“page 2 html”,javascript function 会是什么?

谢谢。

有很多方法可以做到这一点,如果你被一个提交按钮卡住,你必须将它绑定到一个表单,然后将表单的 action 属性设置为链接:

 <form> <button type="submit" formaction="https://placekitten.com/">Click Me</button> </form>

或者您可以将其作为常规按钮进行:

 var gimmeCats = () => { window.location.href = "https://placekitten.com/"; }
 <button id="catBtn" onclick="gimmeCats()">Click Me!</button>

或者,如果您不反对引导程序,则有:

 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous"> <a href="https://placekitten.com" class="btn btn-primary">Click Me!!!!!!!!!</a>

使用window.onclick不会这样做,因为您告诉浏览器,当您单击 window 中的任何位置时,它将执行它。 所以你可以像这样使用location.replace('')

 <input type="submit" onclick="location.replace('page2.html')"/>

或使用常规按钮:

 <button onclick="location.replace('page2.html')">Page 2</button>
或者通过使用function
 <script> function redirect() { location.replace('page2.html'); } </script> <button onclick="redirect()">Redirect</button>
您也可以只使用普通的<a>标签:
 <a href="page2.html"><button>Redirect</button</a>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM