javascript - 如何使按钮将我的页面重定向到另一个页面?

标签 javascript jquery html

<分区>

我一直在尝试以下方法:

<form action="/home" class="inline">
    <button class="float-left submit-button" >Home</button>
</form>

它似乎有效,但它转到页面“/home?”

有没有更好的方法让我在表单内制作一个按钮使页面转到新位置?

最佳答案

只需向按钮添加一个onclick事件:

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

但是你不应该真的像那样将它内联,而是将它放在一个 JS block 中并给 button 一个 ID:

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

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

关于javascript - 如何使按钮将我的页面重定向到另一个页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16562577/

相关文章:

javascript - 在两行中 chop 名称列表

javascript - 无法对使用 HOOK 实现的已卸载组件执行 React 状态更新

html - 自定义字体在 Canvas 中不起作用

javascript - 使用 Webpack 将 jQuery 暴露给真实的 Window 对象

javascript - 将类名从 div 移动到 div

html - 如何为聊天气泡创建循环?

javascript - 访问创建的 DOM 元素

javascript - 如何保存iframe(scrollto)的x和y?是否可以?

jQuery:将 ajaxForm 绑定(bind)到通过 .load() 加载的页面上的表单

javascript - 关于 "index",我觉得是对的,什么时候是错的。我不知道为什么