Javascript 如何避免丢失在函数中添加的新内容

我正在尝试在div标记的末尾打印新信息。但是，由于我使用了一个函数，所以信息只出现了几毫秒就完全消失了。如何将新信息永久附加到函数中的标记

Javascript代码：

    function checkSubmission()
{
    var aForm = document.getElementById("frm");
    aForm.addEventListener("submit", displayResultsForm);
}
function displayResultsForm()
{
    var bk1 = document.getElementById("book_1").value;
    var bk2 = document.getElementById("book_2").value;
    var bk3 = document.getElementById("book_3").value;
    if(bk1 == null || bk1 == "" ||  isNaN(bk1) || bk2 == null || bk2 == "" || isNaN(bk2) || bk3 == null || bk3 == "" || isNaN(bk3))
        alert("Error! One of the 3 fields was left empty or does not contain a number.");

    var price1 = (19.99 * bk1).toFixed(2);
    var price2 = (86.00 * bk2).toFixed(2);
    var price3 = (55.00 * bk3).toFixed(2);

    var cont = document.getElementById("container");
    var displayBk1 = "<strong>Basic XHTML (Quantity = " + bk1 + "): $" + price1 + "</strong><br/>";
    var displayBk2 = "<strong>Basic XHTML (Quantity = " + bk2 + "): $" + price2 + "</strong><br/>";
    var displayBk3 = "<strong>Basic XHTML (Quantity = " + bk3 + "): $" + price3 + "</strong><br/>";

    var para = document.createElement("p");
    var node = document.createTextNode(displayBk1 + displayBk2 + displayBk3);
    para.appendChild(node);
    cont.appendChild(para);
}
window.addEventListener( "load", checkSubmission, false );

函数检查提交（）
{
var aForm=document.getElementById（“frm”）；
格式addEventListener（“提交”，显示结果表单）；
}
函数displayResultsForm（）
{
var bk1=document.getElementById（“book_1”）.value；
var bk2=document.getElementById（“book_2”）.值；
var bk3=document.getElementById（“book_3”）.value；
如果（bk1==null | | | bk1==“”| | isNaN（bk1）| | bk2==null | | isNaN（bk2）| | bk3=“”| | isNaN（bk3））
警报（“错误！3个字段中的一个字段为空或不包含数字。”）；
var价格1=（19.99*bk1）.toFixed（2）；
var价格2=（86.00*bk2）.toFixed（2）；
var价格3=（55.00*bk3）.toFixed（2）；
var cont=document.getElementById（“容器”）；
var displayBk1=“基本XHTML（数量=“+bk1+”）：$”+price1+“
”；
var displayBk2=“基本XHTML（数量=“+bk2+”）：$”+price2+“
”；
var displayBk3=“基本XHTML（数量=“+bk3+”）：$”+price3+“
”；
var para=document.createElement（“p”）；
var节点=document.createTextNode（displayBk1+displayBk2+displayBk3）；
子节点（节点）段；
续（第2段）；
}
window.addEventListener（“加载”，检查提交，错误）；

HTML代码的一部分：

<div id="container">
    <h2>Order Books Online</h2>
    <form action="" method="post" id="frm">

网上订书

---

提前非常感谢大家

这不是“因为我使用了一个函数”，而是因为表单已经提交。所以去研究一下如何防止这种情况。我在开始时添加了这个：函数displayResultsForm（event）{event.preventDefault（）；[…]，现在它可以工作了！这是因为正如你所说的，当表单提交时，显示会回到默认状态，忽略js文件中所做的任何修改，对吗？