HTML无刷新下载文件方法总汇

首先要保证有一个后台能够下载文件的方法，这里只总结前端解决方法，因此不对后台作分析，假设如今有一个下载文件的方法/project/download.action。若是不想经过后台直接下载能够看个人另外一篇文章《 html使用a标签不经过后台实现直接下载》。

1. 使用a标签

   <a href="/project/download.action" target="_blank">点击下载</a>

   这里target属性不给也能够，可是页面会闪一下，体验很差。

2. 使用location.href属性

   function downloadFile(url){
       location.href=url;
   }

3. 使用window.open

   function downloadFile(url){
       window.open(url);
   }

4. 使用iframe

   //javascript版本
   function downloadFile(url){
           var iframe = document.createElement("iframe");  
           document.body.appendChild(iframe);  
           iframe.src =url;
   }
   
   //jQuery版本
   function downloadFile(url){
       $("body").append($("<iframe/>").attr("src",url);
   }

   调用
   <a href="javascript:void(0);" onclick="downloadFile('/project/download.action')">点击下载</a>

我的推荐第4种方法，比较灵活。