Javascript 为什么赢了'；添加的电子邮件地址是否显示在messageBox中？_Javascript_Innerhtml

Javascript 为什么赢了'；添加的电子邮件地址是否显示在messageBox中？

javascript

Javascript 为什么赢了'；添加的电子邮件地址是否显示在messageBox中？,javascript,innerhtml,Javascript,Innerhtml,我有一个html文件： <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="C:\Users\matthew\AppData\Local\Temp\fz3temp-1\email picker.css"> <script src="email picker.js" type="text/javascript"></scr

我有一个html文件：

    <!DOCTYPE html>
<html>
<head>


<link rel="stylesheet" type="text/css" href="C:\Users\matthew\AppData\Local\Temp\fz3temp-1\email picker.css"> 
<script src="email picker.js" type="text/javascript"></script>

</head>
<body>
    <div id="main">

        <form>
        <h4>Enter the email addresses in the input box below</h4>
            email:<input id="emailIn" type="text" placeholder=" email" />
            <input type="submit" value="Show entry" onsubmit="insert()" />
        </form>

        <div id="display"></div>
    </div>

</body>
</html>


在下面的输入框中输入电子邮件地址
电邮：

和一个javascript文件：

    var entries = [];
    var emailInput = document.getElementById("emailIn");
    var messageBox = document.getElementById("display");

    function insert() {
        entries.push(emailInput.value);
        clearAndShow();
    };

    function clearAndShow() {

    emailInput.value = "";
    messageBox.innerHTML = "";

      messageBox.innerHTML += "Emails: " + entries.join(", ") + "<br/>";
    };

var条目=[]；
var emailInput=document.getElementById（“emailIn”）；
var messageBox=document.getElementById（“显示”）；
函数插入（）{
entries.push（emailInput.value）；
clearAndShow（）；
};
函数clearAndShow（）{
emailInput.value=“”；
messageBox.innerHTML=“”；
messageBox.innerHTML+=“电子邮件：”+条目.join（“，”+”）“
”；
};

和一个简单的.css文件

当我在浏览器中运行代码时，不会显示最后的电子邮件输入。我错过了什么？

非常感谢您的帮助。

您的问题是您提交了表单，因此页面被重置（并且您没有绑定

插入

功能，因为输入没有收到

提交

事件）

你可以替换

        <input type="submit" value="Show entry" onsubmit="insert()" />

与

onsubmit

是

的属性，而不是

您的js文件名中是否真的有空格？是否有错误？js文件是否已加载？当我使用submit和onsubmit时，您可以看出.js文件已加载，因为它正确执行了部分功能。这是对emailInput.value“”的清除。使用输入按钮和onclick，什么都不会发生。没有错误。以前尝试过，但对我无效。我认为这可能与localhost和我的XAMPP设置有关。

        <input type="button" value="Show entry" onclick="insert()" />