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>

Javascript URL重定向无法正常工作

1 个答案: