为什么我的 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 不正确，但它根本没有重定向。我在函数中放置了 alert(searchText) 并且显示了警报，所以不太确定发生了什么.

Answer 1

因为在执行 localtion.href 行

之前单击提交按钮时页面会刷新

尝试像下面这样更改您的代码

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

Answer 2

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

所以你可以改变你的按钮

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

到

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

它会起作用。

Answer 3

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