javascript - 重定向到外部 Javascript 函数中的 URL 不起作用

Question

我目前正在尝试编写一个相对简单的网站，但我的 HTML 和 Javascript 技能非常基础。基本上，我想做的是创建一个页面，向用户询问一个问题，他们通过将其输入表单来回答。通过外部 Javascript 函数，用户的答案将与正确的答案进行比较，如果它们相同，则用户应该被重定向到不同的站点。这是我的 HTML 文档中的表单:

<FORM NAME="myform" ACTION="" METHOD="GET"> Answer:
    <INPUT TYPE="text" NAME="inputbox" VALUE="">
    <button onClick="checkAnswerExact(this.form)"> Submit </button> 
</FORM>

我的 Javascript 函数如下所示:

function checkAnswerExact(form){ 
  //GET ANSWER
  var x = form.inputbox.value;
  //CONVERT ANSWER TO STRING
  var TestAnsw =x.toString();
  //DEFINE RIGHT ANSWER
  var RightAnsw = "rightanswer";
  //CHECK IF THEY ARE THE SAME
  if (TestAnsw.toLowerCase() == RightAnsw.toLowerCase() ){ 
    alert("The answer is right.");
    window.location.href = 'https://www.reddit.com/';
  } //WHAT TO DO IF ANSWER'S RIGHT
  else {
    alert("The answer is wrong.");
  } //WHAT TO DO IF ANSWER'S WRONG  
}

作为将其重定向到的示例站点，我选择了 reddit。警报工作正常，因此字符串的比较没问题。我已经在谷歌上搜索了一段时间并阅读了很多论坛，但似乎没有什么对我有用。我已经在 if-else 语句内部和外部尝试了 document.location=url 和 window.replace(url) ，但似乎没有任何效果，窗口仅重新加载。有效的是 window.open(url)，但我不希望它在新选项卡中打开。我正在使用 Chrome 作为浏览器(如果相关的话)。

我希望得到一些帮助，我已经研究了几个小时，我很确定这可能是我犯的一些我看不到的错误。
干杯!

Answer 1

好吧，我刚刚找出了您的代码的问题。使用按钮在 onClick 事件上添加 return false 。所以你的代码将变成

<button onClick="checkAnswerExact(this.form); return false;"> Submit </button>

并且也改变

 window.location.href = 'https://www.reddit.com/';

至

 window.location = 'https://www.reddit.com/';