用于导出文件内容的带有javascript的HTML表单-单击按钮时无法阻止表单重置

我继承了一个HTML表单，它没有编码，只有一个GUI。然后我从中找到并修改了代码，将每个单元格的内容导出到文本文件中

我使用的原始代码不会在按下按钮时刷新屏幕，但在将其与GUI合并时会刷新屏幕。我想找到一种新方法将数据导出到文本文件中，并将数据保存在单元格中（以防用户出错并希望重新导出数据），或者使用一行代码来防止刷新发生

我还意识到，IE11中的代码不起作用，这是我想修复的另一个问题，但目前这有点紧迫

我的完整代码如下所示（包括GUI和Javascript）

---

var today=新日期（）；
var dd=today.getDate（）；
var mm=today.getMonth（）+1；//一月是0！
var yyyy=today.getFullYear（）；
如果（dd<10）{
dd='0'+dd
}
如果（毫米<10）{
毫米='0'+毫米
}
今天=dd+'-'+mm+'-'+yyyy；
函数saveFormAsTextFile（）
{
var textToSave=
'日期：'+今天+'\n'+
'文件号：'+document.getElementById（'File'）。值+'\n'+
'发行号：'+document.getElementById（'ISS'）。值+'\n'+
“客户编号：”+document.getElementById（'co_No'）。值
var textToSaveAsBlob=新Blob（[textToSave]{
类型：“文本/普通”
});
var textToSaveAsURL=window.URL.createObjectURL（textToSaveAsBlob）；
var fileNameToSaveAs=document.getElementById（“filename”）.value；
var downloadLink=document.createElement（“a”）；
downloadLink.download=fileNameToSaveAs；
downloadLink.innerHTML=“下载文件”；
downloadLink.href=textToSaveAsURL；
downloadLink.onclick=destroyClickedElement；
downloadLink.style.display=“无”；
document.body.appendChild（下载链接）；
downloadLink.click（）；
}
函数销毁ClickedElement（事件）{
document.body.removeChild（event.target）；
}

/*===================================================================================================*/
身体{
字体系列：Arial、Helvetica、Tahoma、Verdana、无衬线字体；
}
氢{
颜色：#FFFFFF；
背景色：#10069f；
字体系列：Arial、Helvetica、Tahoma、Verdana、无衬线字体；
填充物：5px；
}
标签{
字体系列：Arial、Helvetica、Tahoma、Verdana、无衬线字体；
}
身体{
背景色：#efeff4；
}
分区{
保证金：自动；
宽度：80%；
填充：1em；
溢出：自动；
背景色：#FFFFFF；
}
div.headers{}
部门内容{
左边距：10%；
}
部门行项目{
溢出：自动；
垫底：5px；
垫面：5px；
左侧填充：5px；
右侧填充：5px；
宽度：/*计算（100%-10px）*/
;
}
div.form_标签{
宽度：50%；
浮动：左；
}
div.form_元素{
宽度：50%；
浮动：左；
}
table.content\u选项卡{
/*宽度：70%*/
左边距：15%；
}
td.mod_disc_h{
宽度：20em；
字体大小：粗体；
}
td.mod_no_h{
宽度：20em；
字体大小：粗体；
}
td.mod_sn_h{
宽度：20em；
字体大小：粗体；
}
td.mod_ET_h{
宽度：20em；
字体大小：粗体；
}
td.mod_DIS_h{
宽度：20em；
字体大小：粗体；
}
td.mod_TSN_h{
宽度：30em；
字体大小：粗体；
}
td.mod_光盘{
背景色：#DDDDDD；
}
td.mod_编号{
背景色：#DDDDDD；
}
td.mod_sn{}
td.mod_等{
背景色：#DDDDDD；
}
td.mod_DIS{}
td.mod_TSN{}
/*
tr{边框：1px纯黑色；}
*/
td.main_表格{
字体系列：Arial、Helvetica、Tahoma、Verdana、无衬线字体；
}
/*帮助弹出窗口*/
a、 dt_help_但是：悬停{
背景色：#AAAAA；
光标：帮助；
}
苏普{
垂直对齐：顶部；
字号：0.6em；
}
选择.mod{
宽度：6em；
}
select.dt{
宽度：10em；
}
select.yn{
宽度：10em；
}
/*模态（背景）*/
.莫代尔{
显示：无；
/*默认情况下隐藏*/
位置：固定；
/*原地不动*/
z指数：1；
/*坐在上面*/
填充顶部：100px；
/*盒子的位置*/
左：0；
排名：0；
宽度：100%；
/*全宽*/
身高：100%；
/*全高*/
溢出：自动；
/*如果需要，启用滚动*/
背景色：rgb（0,0,0）；
/*退色*/
背景色：rgba（0,0,0,0.4）；
/*黑色w/不透明度*/
}
/*模态内容*/
.模态内容{
背景色：#fefe；
保证金：自动；
填充：20px；
边框：1px实心#888；
宽度：80%；
}

简介
这张表格还不完整。。。
文件名
保存到文件
文件信息
档案编号。
国际空间站。
日期：
var dt=新日期（）；
document.getElementById（“datetime”）.innerHTML=dt.toLocaleDateString（）；
客户编号。

您的问题在于这种结构：

<form>
  ...
  <button onclick="saveFormAsTextFile()">
    Save to File
  </button>
  ...
</form>

...
保存到文件
...

如果未明确设置按钮类型，它将提交表单。请定义按钮类型“button”（）：

。。。

或阻止提交表单（）：

---

关于IE11：Internet Explorer似乎有自己的Blob（）实现；请参见此。

方法1:单击按钮时返回false

 <button onclick="return saveFormAsTextFile()">

方法4:通过设置适当的按钮类型禁用按钮的提交功能：

<button type="button" onclick="saveFormAsTextFile()"></button>

---

方法5:如果您不喜欢

返回false

，您可以删除

标记并使用孤立的输入元素！这不是html有效的，但可以工作！

感谢您的回复，定义按钮成功了！现在开始

 <button onclick="return saveFormAsTextFile()">

<form onsubmit="return false;">

<form onsubmit="return saveFormAsTextFile()">

<button type="button" onclick="saveFormAsTextFile()"></button>