Javascript 协助js功能/警报擦除表单输入

我遇到了一些奇怪的事情，这让我意识到我不知道JS的东西，以及我应该。所以我想问一个问题，看看会不会有帮助。我有一个简单的表单，有三个“textarea”输入，还有一个“save”按钮。save按钮触发一个js函数，该函数收集输入上的内容，并发出警报显示这些内容

非常简单的应用程序，但我没有想到的是，当你“关闭”警报框；表格上输入的所有数据都将被删除

这是我的密码：

<form>

<strong>Make</strong><br/>
<textarea id="make_notes" rows="4" cols="50">

</textarea><br/><br/>

<strong>Model</strong><br/>
<textarea id="model_notes" rows="4" cols="50">

</textarea><br/><br/>

<strong>Features</strong><br/>

<textarea id="features_notes" rows="4" cols="50">

</textarea>

<br/><br/>

<button onclick="side_form_js2()">Save2</button>

</form>

<script>
function side_form_js2() {

var element1 = document.getElementById("make_notes");
    var make_notes_var = element1.value;

var element2 = document.getElementById("model_notes");
    var model_notes_var = element2.value;

    var element3 = document.getElementById("features_notes");
    var features_notes_var = element3.value;

alert(make_notes_var + "I am an alert box!22222" + model_notes_var +   features_notes_var);
}
</script>

制造




型号




功能




储蓄2
函数端\u表单\u js2（）{
var element1=document.getElementById（“制作注释”）；
var make_notes_var=element1.value；
var element2=document.getElementById（“模型注释”）；
var模型\注释\ var=element2.value；
var element3=document.getElementById（“特性和注释”）；
var特征\注释\ var=element3.value；
警报（make_notes_var+“我是一个警报框！22222”+model_notes_var+features_notes_var）；
}

所以我真的不确定是什么使得表单输入被删除。这几乎就像是网页被重新加载，但我不认为是这样的情况。有人能解释一下吗？谢谢

---

另外，我不知道这是否有什么不同，只是在我的电脑上使用Xampp在本地运行它。

默认值是重新加载，将代码更改为此，它应该可以工作

<button onclick="return side_form_js2()">Save2</button>

---

默认值是重新加载，将代码更改为该值，它应该可以工作

<button onclick="return side_form_js2()">Save2</button>

---

未指定类型属性的按钮元素与类型属性设置为“提交”的按钮元素表示相同的内容。

---

如果要在表单中使用按钮而不提交，请使用type=“button”。

未指定类型属性的按钮元素表示与将其类型属性设置为“提交”的按钮元素相同的内容。

---

如果要在表单中使用按钮而不提交，请使用type=“button”。

按钮的默认类型为submit，因此页面正在重新加载awesome-这就成功了（did type=“button”）你也可以在函数的结尾处返回false，但现在你知道原因了。button的默认类型是submit，因此页面正在重新加载，这就成功了（did type=“button”），你也可以在函数的结尾处返回false，但现在你知道原因了。