为什么我的 JS 不重定向网页？

Question

我正在尝试制作一个html表单，该表格在提交上使用JS进行Google搜索。

这是HTML：

<form name="form">
    <input type="text" name="search" id="searchBox" onkeyup="changeLogo()" autofocus>
    <input type="submit" id="button" value="Submit" onclick="googleSearch()">
</form>

和JS函数：

function googleSearch() {
    var searchText = document.getElementById("searchBox").value;
    window.location.href = "http://google.com/";
}

Google URL不正确，但根本不是重定向。.我在功能中放置了警报（搜索文本），并且警报显示了，因此不确定发生了什么。

Answer 1

如果使用按钮类型为'提交'，它将提交您的表格。

因此您可以从

更改按钮

<input type="submit" id="button" value="Submit" onclick="googleSearch()">`

to

<input type="button" id="button" value="Submit" onclick="googleSearch()">

它将起作用。

Answer 2

，因为在借口localtion.href行之前，单击提交按钮时的页面刷新

尝试使用您的代码更改

<form name="form" onsubmit="return false">
....
</form>

Answer 3

您的表格已提交，这可能是问题。将type="submit"更改为type="button"，这将确保在此按钮的单击中未提交表单