Javascript URL重定向不起作用答案

【问题标题】：Javascript URL redirect not workingJavascript URL重定向不起作用
【发布时间】：2014-01-19 09:41:36
【问题描述】：

我这里有搜索功能：

<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 不存在，则到 URL 的末尾。我也尝试过window.location.href，但这也不起作用。如果我只是用alert('test'); 替换该行，它确实会显示一个弹出窗口，所以我知道它正在执行。我的代码有什么问题？或者这是 Django 的问题？

【问题讨论】：

标签： javascript django url-redirection

【解决方案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>

【讨论】：

使用 preventDefault() 不是不好的做法吗？