為什么我的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

如果您將按鈕類型用作“提交”，它將提交您的表格。

因此，您可以從

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

至

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

它會工作。

Answer 2

因為頁面刷新當你點擊excuting之前提交按鈕localtion.href線

嘗試更改您的代碼，如下所示

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

Answer 3

您的表格已提交，可能是問題所在。 將type="submit"更改為type="button"這將確保單擊此按鈕后不會提交表單