Javascript - 单击按钮时提供文件名的最佳方式

Question

我尝试实现一个允许保存以前由Javascript代码计算的数据文件的函数。

HTML代码段

<button id="btn-save" type="submit" >Save to file</button>

JAVASCRIPT代码段

$("#btn-save").click( function() {

  for (var i=0; i< indexArray; i+=1)
  {
   content += arrayLatitude[i]+" "+arrayLongitude[i];
   content += "\n";
  }

  // Build a data URI
  uri = "data:application/octet-stream," + encodeURIComponent(content);
  location.href=uri;
});

问题在于我看到很多解决方案涉及创建＆＃34; a＆＃34;通过执行标记：

title = document.title+"_"+day+".html",
a = document.createElement("a");
a.setAttribute("href", uri);
a.setAttribute("download", title);
document.body.appendChild(a);

但我不知道如何适应＃34; button＆＃34;标签而不是＆＃34; a＆＃34;标签

使用＆＃34; button＆＃34;直接完成此功能的最佳方式是什么？标签？

感谢您的帮助