Javascript 为什么我的html输出消失了？

下面的代码仅显示页面加载期间的“测试”，然后它消失。请告知

<input style="margin-left:40px;" type="submit" value="submit" name="submit" onclick="myFunction()"></input>

<script>
function myFunction()
{
document.getElementById("div6").innerHTML="Test";
}
</script>

函数myFunction（）
{
document.getElementById（“div6”）.innerHTML=“Test”；
}

使用以下方法：

function myFunction(event) {
    event.preventDefault();
    document.getElementById("div6").innerHTML="Test";
}

---

干杯。

表单正在提交，页面正在重新加载。这就是你的文字“消失”的原因。由于该按钮是一个提交按钮，因此每当函数返回true（默认值）时，表单都将提交。您可以通过返回false来防止这种情况：

<input style="margin-left:40px;" type="submit" value="submit" name="submit" onclick="myFunction(); return false"/>

<script>
function myFunction()
{
    document.getElementById("div6").innerHTML="Test";
}
</script>

函数myFunction（）
{
document.getElementById（“div6”）.innerHTML=“Test”；
}

提交表单后，页面将重新加载，但不会显示“测试”消息

由于您希望表单提交后“Test”消息保持不变，因此我建议使用一些服务器端代码有条件地显示它（如果表单已经提交）

使用PHP时，会出现如下情况：

<?php

// determine if the form was submitted
$submitted=isset($_POST['submitted']) ? true : false;

?>

<form method="post" onsubmit="myFunction();" >
    <input type="submit" value="submit" name="submitted" />
</form>

<!-- echo message if form was submitted -->
<div id="div6"><?php echo $submitted ? "Test" : ""; ?></div>

<script>
function myFunction() {
    document.getElementById("div6").innerHTML="Test";
}
</script>

函数myFunction（）{
document.getElementById（“div6”）.innerHTML=“Test”；
}

---

或者，您可以不重新加载页面。
但情况不同。

表单提交后，页面将刷新。是否要阻止表单提交？还是希望“Test”消息在提交后保持不变？我没有看到ID为div6的元素。@showdev我希望测试消息在提交后保持不变submission@j08691实际上是：刚才我试过了……现在，不仅在页面加载之后，而且从页面加载的开始，“测试”就没有出现。我尝试过，但不幸的是，我仍然面临同样的问题