JavaScript URL 重定向不起作用

Question

我这里有一个搜索功能:

<form class="form-wrapper cf">
    <input type="text" placeholder="Enter keywords..">
    <button onclick="search_click();">Search</button>
</form>

search_click() 定义如下:

function search_click(){
    window.location.replace("http://stackoverflow.com");
}

但是，每次我单击该按钮时，它只会重新加载当前页面并附加一个“？”到 URL 的末尾(如果尚不存在)。我也尝试过执行 window.location.href ，但这也不起作用。如果我只是用 alert('test'); 替换该行，它确实会显示一个弹出窗口，所以我知道它正在执行。我的代码有什么问题吗？或者这是 Django 的问题？

Answer 1

表单实际上正在提交，导致您的 Javascript 被忽略。使用以下脚本防止默认事件:

function search_click(event){
    event.preventDefault();
    window.location.replace("http://stackoverflow.com");
}

HTML

<form class="form-wrapper cf">
    <input type="text" placeholder="Enter keywords..">
    <button onclick="search_click(event);">Search</button>
</form>