前端实现弹出“另存为”对话框的三种方式

今天开发一个需求，需要将一段字符串保存到文件中，并且保存之后在页面上弹出“另存为”对话框来实现将文件保存到指定位置。那么应该如何来实现在前端弹出“另存为”对话框呢？

调用document.execCommand方法

调用js方法document.execCommand可在前台页面调出“另存为”对话框，并将将服务器上存放的文件保存到本地指定的位置。需要注意的是，部分IE浏览器中，可能会阻止显示内容，点击上方"允许阻止的内容“即可正常运行。
示例代码如下：

<script language='javascript' type='text/javascript'>
  function saveImg() {
    //将服务器上图片存放到本地的方法
    event.returnValue=false;
    show.window.location.href=img.src;
    timer=setInterval(saveAs,500)
  }

  function saveAs(){
    if(frame.readyState!="complete"){
        //'Saveas'表示打开“文件另存为”对话框命令
        frame.document.execCommand('SaveAs');
        clearInterval(timer)
    }
  }  
</script>
<img id="img" width="320px" height="200px" src="HelloWorld.jpg" alt=""/>
<input