[英]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.