简体   繁体   English

我需要使用简单的javascript来阻止页面刷新

[英]I need to stop my page from refreshing with simple javascript

So I've typed this all, and the only thing that would make this code perfect, is a no refresh code. 因此,我已经输入了所有内容,唯一可以使此代码完美的是没有刷新的代码。 I need it to be in Javascript, no Jquery, Ajax, or PHP. 我需要使用Javascript,不能使用Jquery,Ajax或PHP。 Because I don't understand those languages yet. 因为我还不懂那些语言。 Well, here is my code. 好吧,这是我的代码。

function welkom()//this function is in the <body onload="">
{
var naam = prompt("Wat is je naam");
document.getElementById("welkom").innerHTML="Welkom " + naam + " en succes    met de tafels.";
}
function test()//this function is in the <body onload="">
{
    var nummer = document.getElementById("cijfers").value;
    document.getElementById("resultaat").innerHTML = "";
    var form = "<table><form>";
    for (var x = 1;x<=10;x++)
    {
        form += "<tr><td>" + x + "x" + nummer + "= </td>";
        form += "<td><input type='text' id='vraag[" + x + "]' /></td></tr>";
    }
    form += "</table><input type='submit' value='Controleer je antwoorden' onclick='controleer()'></form>";
    document.getElementById("resultaat").innerHTML = form;
}
        function controleer()//this is the function that refreshes my page.
        {
            var tafelNr = document.getElementById("cijfers").value;
            var goed = 0;
            var fout = 0;

            for (var teller=1;teller<=10;teller++)
            {
                var tafelNr = document.getElementById("cijfers").value;
                var goedantwoord = tafelNr * teller;
                var antwoord = document.getElementById("vraag[" + teller + "]").value;

                if (goedantwoord == antwoord)
                {
                    document.getElementById("vraag[" + teller + "]").style.backgroundColor="#00ff00";
                    goed++
                }
                else
                {
                    document.getElementById("vraag[" + teller + "]").style.backgroundColor="#ff0000";
                    fout++
                }
            }
            if (goed <=6)
            {
                alert("Je had " + goed + " vragen goed en " + fout + " vragen fout. \nVraag aan de meester of juf om een oefenblaadje.");
            }
            else
            {
                alert("Je had " + goed + " vragen goed en " + fout + " vragen fout. \nGoed gedaan!")
            }
        }

Change onclick='controleer()' to onclick='controleer(); return false;' onclick='controleer()'更改为onclick='controleer(); return false;' onclick='controleer(); return false;'

Alternatively, don't use a <form> if you don't intend for it to submit data. 另外,如果您不打算使用<form>提交数据,请不要使用它。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM