javascript运行后，我的网页将刷新

我正在为我的经济学课做这个测验。我选择用java脚本来做。脚本运行后，页面将刷新。页面只需更改输入标签背景的颜色。我做错了什么？第一块变量收集信息，第二块将变量设置为小写。代码在html文件中时工作正常，但我希望它是一个外部javascript

编辑：我按照Simon说的做了，从我的js中删除了[return false；]，并将我的onclick更改为[onclick=“return checkAnswers（）；”]，但我仍然遇到同样的问题

编辑：我照邓肯说的做了，现在效果很好，谢谢

HTML:

---

在onclick处理程序中不返回false（只在函数中返回false）。像这样的事情也许可以：

<button id="notesButton" onclick="return checkAnswers();">Submit</button>

提交

---

编辑：最好将函数绑定到表单的onsubmit，以防有人用键盘提交表单而不使用您的按钮。

为什么这么说？有各种方法可以大大减少代码量。这些单独的变量都应该是用循环初始化的数组的一部分。这些测试都可以简化为地图查找。你眼前的问题可能在@Simon的回答中。我是javascript的初学者，我知道有一种更简单的方法可以做到这一点，但我的知识有限。别难过。每当您发现自己一遍又一遍地键入几乎完全相同的代码行时，您可能应该探索一些方法来避免这种情况：）谢谢，以后我会记住这一点。我删除了“return false；”并添加了“onclick=”return checkAnswers（）；“但我还是有同样的问题，你两者都需要。方法中没有返回false。该方法不返回任何内容。通过单击处理程序中的“return checkAnswers（）”，它将返回的值从方法传递给按钮的单击事件。通过将false返回给click事件处理程序。它阻止它触发默认功能。

function checkAnswers() {
    var s1d1 = document.getElementById("sect1def1").value;
    var s1d2 = document.getElementById("sect1def2").value;
    var s1d3 = document.getElementById("sect1def3").value;
    var s1d4 = document.getElementById("sect1def4").value;
    var s1d5 = document.getElementById("sect1def5").value;
    var s2d1 = document.getElementById("sect2def1").value;
    var s2d2 = document.getElementById("sect2def2").value;
    var s3d1 = document.getElementById("sect3def1").value;
    var s3d2 = document.getElementById("sect3def2").value;
    var s3d3 = document.getElementById("sect3def3").value;
    var s3d4 = document.getElementById("sect3def4").value;
    var s3d5 = document.getElementById("sect3def5").value;
    var s3d6 = document.getElementById("sect3def6").value;
    var s3d7 = document.getElementById("sect3def7").value;
    var s3d8 = document.getElementById("sect3def8").value;
    var s3d9 = document.getElementById("sect3def9").value;
    var s3d10 = document.getElementById("sect3def10").value;
    var s3d11 = document.getElementById("sect3def11").value;

    var s1d1L = s1d1.toLowerCase();
    var s1d2L = s1d2.toLowerCase();
    var s1d3L = s1d3.toLowerCase();
    var s1d4L = s1d4.toLowerCase();
    var s1d5L = s1d5.toLowerCase();
    var s2d1L = s2d1.toLowerCase();
    var s2d2L = s2d2.toLowerCase();
    var s3d1L = s3d1.toLowerCase();
    var s3d2L = s3d2.toLowerCase();
    var s3d3L = s3d3.toLowerCase();
    var s3d4L = s3d4.toLowerCase();
    var s3d5L = s3d5.toLowerCase();
    var s3d6L = s3d6.toLowerCase();
    var s3d7L = s3d7.toLowerCase();
    var s3d8L = s3d8.toLowerCase();
    var s3d9L = s3d9.toLowerCase();
    var s3d10L = s3d10.toLowerCase();
    var s3d11L = s3d11.toLowerCase();

    if (s1d1L=="free enterprise system"){
        document.getElementById("sect1def1").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect1def1").style.backgroundColor = "#FF0000";
    }
    if (s1d2L=="open opportunity"){
        document.getElementById("sect1def2").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect1def2").style.backgroundColor = "#FF0000";
    }
    if (s1d3L=="legal equality"){
        document.getElementById("sect1def3").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect1def3").style.backgroundColor = "#FF0000";
    }
    if (s1d4L=="free contract"){
        document.getElementById("sect1def4").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect1def4").style.backgroundColor = "#FF0000";
    }
    if (s1d5L=="profit motive"){
        document.getElementById("sect1def5").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect1def5").style.backgroundColor = "#FF0000";
    }
    if (s2d1L=="profit"){
        document.getElementById("sect2def1").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect2def1").style.backgroundColor = "#FF0000";
    }
    if (s2d2L=="modified free enterprise economy"){
        document.getElementById("sect2def2").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect2def2").style.backgroundColor = "#FF0000";
    }
    if (s3d1L=="market failure"){
        document.getElementById("sect3def1").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def1").style.backgroundColor = "#FF0000";
    }
    if (s3d2L=="public goods"){
        document.getElementById("sect3def2").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def2").style.backgroundColor = "#FF0000";
    }
    if (s3d3L=="free rider"){
        document.getElementById("sect3def3").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def3").style.backgroundColor = "#FF0000";
    }
    if (s3d4L=="infrastructure"){
        document.getElementById("sect3def4").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def4").style.backgroundColor = "#FF0000";
    }
    if (s3d5L=="externality"){
                    document.getElementById("sect3def5").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def5").style.backgroundColor = "#FF0000";
    }
    if (s3d6L=="negative externality"){
        document.getElementById("sect3def6").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def6").style.backgroundColor = "#FF0000";
    }
    if (s3d7L=="positive externality"){
        document.getElementById("sect3def7").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def7").style.backgroundColor = "#FF0000";
    }
    if (s3d8L=="subsidy"){
        document.getElementById("sect3def8").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def8").style.backgroundColor = "#FF0000";
    }
    if (s3d9L=="safety net"){
        document.getElementById("sect3def9").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def9").style.backgroundColor = "#FF0000";
    }
    if (s3d10L=="transfer payments"){
        document.getElementById("sect3def10").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def10").style.backgroundColor = "#FF0000";
    }
    if (s3d11L=="public transfer payment"){
        document.getElementById("sect3def11").style.backgroundColor = "#00FF00";
    } else {
        document.getElementById("sect3def11").style.backgroundColor = "#FF0000";
    }
    return false;
}

<button id="notesButton" onclick="return checkAnswers();">Submit</button>