Question

我通过onsubmit事件调用javascript函数，但是当点击提交按钮时，更改只发生一秒钟。

<body>
    <p id="demo"> hello </p>
    <form id="form" onsubmit ="change()">
        <input type="text">
        <input type="submit">
    </form>
    <script>
        function change(){document.getElementById("demo").style.display="none";
                  document.getElementById("form").style.display="block";}
    </script>
</body>

我想在调用函数后进行永久性更改。

Answer 1

默认情况下，表单会导致页面刷新。因此，当您重新加载页面时，对页面所做的任何更改都将丢失。

不要使用带有提交按钮的表单，只需使用普通按钮即可。（因为你实际上并没有尝试提交表单。）像这样：

<p id="demo"> hello </p>
<form id="form">
  <input type="text">
  <button type="button" onclick="change()" />
</form>

您可以进一步修改它以完全删除form，这当然需要更新JavaScript和任何CSS来解释结构变化。

Javascript函数没有做出明显的变化

1 个答案: