本文共 1221 字，大约阅读时间需要 4 分钟。

   
 
    
         
      
             
学生信息
          
          
             
名字
             
性别
             
年龄
             
班级
          
          
             
张三
             
男
             
19
             
1班
          
          
             
李四
             
男
             
20
             
2班
          
          
             
王五
             
男
             
21
             
3班
          
          
             
总人数：3人
          
       
    
   
点击下载文件

window.onload = function() {
     var oTable = document.getElementById("table_wrapper").innerHTML;  var excelHtml = `                    
                               ${
     oTable}            `;  // 创建 Blob 对象  var excelBlob = new Blob([excelHtml], {
    type: "application/vnd.ms-excel" });  var oA = document.getElementById("down-file");    // 会产生一个类似blob:d3958f5c-0777-0845-9dcf-2cb28783acaf 这样的 URL 字符串  // 这里 URL.createObjectURL(excelBlob) 会创建一个URL 的 Blob 对象  oA.href = URL.createObjectURL(excelBlob);  oA.download = "test.xls";  oA.click = function() {
       this.click();  };};

这个主要使用了 Blob 对象。Blob 对象表示一个不可变、原始数据的类文件对象。

给 <a></a> 标签的 href 属性添加 URL的Blob对象 后，每当点击这个链接，就会将 Blob 对象保存为指定类型的文件。

Demo体验地址：

以上 ?

转载地址：http://ctden.baihongyu.com/