为什么在这种情况下重定向不起作用？(仅限Javascript！

Question

在我的html文件中，我的表单具有以下提交按钮：

<button  id="submit" >Submit</button>

在我的javascript文件中，我做了以下操作：

window.onload=function(){
    document.getElementById("submit").onclick = form_action;
}
function form_action()
{
    window.location.href="www.google.com";
}

因此，提交按钮将重定向到另一个网页。（我从表单中读取了一些数据，但这并不重要，之后我将其重定向到另一页）。问题是，重定向根本不会发生！

我能够使其工作的唯一方法是添加：window.location.href="www.google.com";之后的alert(location.href)。我的猜测是迫使窗口的更新？

我如何解决这个问题？为什么会发生这种情况？有人可以提供一些见识吗？我想通过使用JavaScript纯粹解决它。

我不想修改我的HTML文件或使用jQuery。

Answer 1

<button>的默认类型是"提交"。因此，您的按钮将其所在的表单提交给了所设置的任何URL。通过添加type="button"，<button>将没有内置操作，因此您的JavaScript代码将是最重要的。