表单提交时的 JavaScript 重定向

Question

我正在尝试做一个练习，允许用户根据他们的搜索词重定向到特定的本地网页。由于某种原因，window.location.replace 不会重定向。我尝试了 window.location 的一个变体，它在新选项卡中打开登录页面，效果很好。如有任何帮助，我们将不胜感激!

html

<form name="form1" onsubmit="myFunction()">
Street Address:
<input type="text" id="streetaddress" required="true"><br>
Township:
<input type="text" id="township" required="true">
<br>
<input type="submit" onclick="return myFunction()" name="Search" value="Search">
</form>
<p id="demo"></p>

js

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "";
var nameValue1 = document.getElementById("streetaddress").value;
var nameValue2 = document.getElementById("township").value;

if (nameValue1.toUpperCase() === "1 MARJORAM DRIVE" && nameValue2.toUpperCase() === "LUMBERTON") {
window.location.replace("landingpage.html");
}
else {
document.getElementById("demo").innerHTML = "<font color='red'><p>0 results</p></font>";
return false;
}
}
</script>

更新

我已经修改了代码以实现建议的解决方案，但仍然遇到页面无法重定向的相同问题。我从原始代码更改的行如下...

html

<form name="form1" onSubmit="return myFunction()">

<input type="submit" name="submit" class="submit" value="Search">

js

if (nameValue1.toUpperCase() === "1 MARJORAM DRIVE" && nameValue2.toUpperCase() === "LUMBERTON") {
window.location.href = 'landingpage.html';
}

Answer 1

只需更改window.location变量

window.location = "http://www.newsite.com/path/to/page";

对于本地托管的页面，请使用以下内容:

window.location.href = "newlocation.html";