使用Javascript将HTML表格导出到Excel

问题描述：

我正在输出HTML表格到xls foramt。如果您在自由职业者办公室中打开它，导出后它可以正常工作，但同样会在Microsoft Office中打开一个空白屏幕。使用Javascript将HTML表格导出到Excel

我不想要jquery解决方案请提供任何javascript解决方案。请帮忙。

function fnExcelReport() { 
 
    var tab_text = "<table border='2px'><tr bgcolor='#87AFC6'>"; 
 
    var textRange; 
 
    var j = 0; 
 
    tab = document.getElementById('table'); // id of table 
 

 
    for (j = 0; j < tab.rows.length; j++) { 
 
     tab_text = tab_text + tab.rows[j].innerHTML + "</tr>"; 
 
     //tab_text=tab_text+"</tr>"; 
 
    } 
 

 
    tab_text = tab_text + "</table>"; 
 
    tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, ""); //remove if u want links in your table 
 
    tab_text = tab_text.replace(/<img[^>]*>/gi, ""); // remove if u want images in your table 
 
    tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params 
 

 
    var ua = window.navigator.userAgent; 
 
    var msie = ua.indexOf("MSIE "); 
 
    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer 
 
    { 
 
     txtArea1.document.open("txt/html", "replace"); 
 
     txtArea1.document.write(tab_text); 
 
     txtArea1.document.close(); 
 
     txtArea1.focus(); 
 
     sa = txtArea1.document.execCommand("SaveAs", true, "Say Thanks to Sumit.xls"); 
 
    } else //other browser not tested on IE 11 
 
     sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text)); 
 

 
    return (sa); 
 
}

<iframe id="txtArea1" style="display:none"></iframe> 
 

 
    Call this function on 
 

 
     <button id="btnExport" onclick="fnExcelReport();"> EXPORT 
 
     </button> 
 

 
    <table id="table"> 
 
    <thead> 
 
     <tr> 
 
      <th>Head1</th> 
 
      <th>Head2</th> 
 
      <th>Head3</th> 
 
      <th>Head4</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td>11</td> 
 
      <td>12</td> 
 
      <td>13</td> 
 
      <td>14</td> 
 
     </tr> 
 
     <tr> 
 
      <td>21</td> 
 
      <td>22</td> 
 
      <td>23</td> 
 
      <td>24</td> 
 
     </tr> 
 
     <tr> 
 
      <td>31</td> 
 
      <td>32</td> 
 
      <td>33</td> 
 
      <td>34</td> 
 
     </tr> 
 
     <tr> 
 
      <td>41</td> 
 
      <td>42</td> 
 
      <td>43</td> 
 
      <td>44</td> 
 
     </tr> 
 
    </tbody> 
 
    </table>

你试图打开一个真正的HTML与'

... ...'在Excel中，不只是''？或者保存为'csv'？ – Aprillion

请参阅：http://stackoverflow.com/questions/38377796/export-html-table-to-excel-doesnt-open-in-office-2010 –

@Aprillion我试过用CSV，但我不想CSV作为延期。 –

回答

在2016年7月12日，微软推了security update为Microsoft Office。此更新的一个作用是防止来自不受信任的域的HTML文件被Excel打开，因为它们无法在保护模式下打开。

还有一个注册表设置可以防止Excel打开文件扩展名为.XLS的文件，该扩展名的内容与官方XLS文件格式不匹配，但默认为“警告”而不是“拒绝”。

在此更改之前，可以将HTML数据保存为带有XLS扩展名的文件，并且Excel会正确打开它 - 可能为giving a warning first该文件与Excel格式不匹配，具体取决于用户的值ExtensionHardening注册表项（或相关配置值）。

微软有made a knowledge-base入口有关新的行为与一些建议的解决方法。

以前依赖将HTML文件导出为XLS的几个Web应用程序由于更新而遇到麻烦 - SalesForce就是一个示例。

2016年7月12日之前回答此问题和类似问题可能现在无效。

值得注意的是，在浏览器上从远程数据生成的文件不会受到这种保护;它只会阻止从不受信任的远程源下载的文件。因此，一种可能的方法是在客户端本地生成.XLS标记的HTML文件。

另一个当然是产生一个有效的XLS文件，然后Excel将以保护模式打开。

UPDATE：微软已经发布了一个补丁来解决此问题：https://support.microsoft.com/en-us/kb/3181507

可能相关：[Response.ContentType应用程序/ vnd.ms-excel xls停止工作]（http://stackoverflow.com/questions/38466169/response-contenttype-application-vnd-ms-excel-xls-stopped-working）和[表格到Excel不再工作[重复]（http://stackoverflow.com/questions/38649275/table-to-excel-no-longer-works）和[Excel导出在PHP问题]（http：// stackoverflow .com/questions/38799257/excel-exporting-in-php-issues）... – pnuts

另外：[基于HTML的.xls文件无法在Excel中打开[复制]（http://stackoverflow.com/questions/38826600/html-based-xls-file-doesnt-open-in-excel-anymore）以及[Javascript excel导出文件被windows阻止（http://stackoverflow.com/questions/38827962/javascript-excel-export-文件封闭逐视窗）。 – pnuts

不要劫持这个答案，但我觉得值得一提。 Excel可以打开.CSV和.TSV文件，这两个文件都很容易在Javascript中创建。我还没有看到任何具体的文件说他们已经改变了这种行为。也许这就是你要找的东西？ – MikeJannino

SheetJS似乎为这个完美的。

要将表导出为Excel文件使用的代码在此link（与SheetJS一起）

在table元素的id只需插入export_table_to_excel

见Demo

看起来它有一段时间没有更新 - 它是最新的吗？（我实际上并不知道格式会导致它不会被修改，但是如果我建议它会是第一个问题......） –

我不认为格式已经改变，Excel给我的唯一警告是：“来自Internet的文件可能包含病毒，启用编辑？” – jlynch630

添加到您的头像：

<meta http-equiv="content-type" content="text/plain; charset=UTF-8"/>

，并添加为您的javascript：

<script type="text/javascript"> 
var tableToExcel = (function() { 
    var uri = 'data:application/vnd.ms-excel;base64,' 
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>' 
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } 
    , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
    return function(table, name) { 
    if (!table.nodeType) table = document.getElementById(table) 
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
    window.location.href = uri + base64(format(template, ctx)) 
    } 
})() 
</script>

Jfiddle：http://jsfiddle.net/cmewv/537/

如果CSV格式是对你有好处，下面是一个例子。

好的......我刚读了一篇评论，你明确地说它对你不好。在编码之前我没有学会阅读，这是我的坏处。

据我所知，Excel可以处理CSV。

function fnExcelReport() { 
 
var i, j; 
 
var csv = ""; 
 

 
var table = document.getElementById("table"); 
 

 
var table_headings = table.children[0].children[0].children; 
 
var table_body_rows = table.children[1].children; 
 

 
var heading; 
 
var headingsArray = []; 
 
for(i = 0; i < table_headings.length; i++) { 
 
    heading = table_headings[i]; 
 
    headingsArray.push('"' + heading.innerHTML + '"'); 
 
} 
 

 
csv += headingsArray.join(',') + ";\n"; 
 

 
var row; 
 
var columns; 
 
var column; 
 
var columnsArray; 
 
for(i = 0; i < table_body_rows.length; i++) { 
 
    row = table_body_rows[i]; 
 
    columns = row.children; 
 
    columnsArray = []; 
 
    for(j = 0; j < columns.length; j++) { 
 
     var column = columns[j]; 
 
     columnsArray.push('"' + column.innerHTML + '"'); 
 
    } 
 
    csv += columnsArray.join(',') + ";\n"; 
 
} 
 

 
    download("export.csv",csv); 
 
} 
 

 
//From: http://stackoverflow.com/a/18197511/2265487 
 
function download(filename, text) { 
 
    var pom = document.createElement('a'); 
 
    pom.setAttribute('href', 'data:text/csv;charset=utf-8,' + encodeURIComponent(text)); 
 
    pom.setAttribute('download', filename); 
 

 
    if (document.createEvent) { 
 
     var event = document.createEvent('MouseEvents'); 
 
     event.initEvent('click', true, true); 
 
     pom.dispatchEvent(event); 
 
    } 
 
    else { 
 
     pom.click(); 
 
    } 
 
}

<iframe id="txtArea1" style="display:none"></iframe> 
 

 
Call this function on 
 

 
<button id="btnExport" onclick="fnExcelReport();">EXPORT 
 
</button> 
 

 
<table id="table"> 
 
    <thead> 
 
    <tr> 
 
     <th>Head1</th> 
 
     <th>Head2</th> 
 
     <th>Head3</th> 
 
     <th>Head4</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>11</td> 
 
     <td>12</td> 
 
     <td>13</td> 
 
     <td>14</td> 
 
    </tr> 
 
    <tr> 
 
     <td>21</td> 
 
     <td>22</td> 
 
     <td>23</td> 
 
     <td>24</td> 
 
    </tr> 
 
    <tr> 
 
     <td>31</td> 
 
     <td>32</td> 
 
     <td>33</td> 
 
     <td>34</td> 
 
    </tr> 
 
    <tr> 
 
     <td>41</td> 
 
     <td>42</td> 
 
     <td>43</td> 
 
     <td>44</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

在IE中不起作用 –

试试这个

<table id="exportable"> 
<thead> 
     <tr> 
      //headers 
     </tr> 
</thead> 
<tbody> 
     //rows 
</tbody> 
</table>

脚本这个

var blob = new Blob([document.getElementById('exportable').innerHTML], { 
      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" 
     }); 
saveAs(blob, "Report.xls");

<hrml> 
    <head> 
    <script language="javascript"> 
     function exportF() { 
    //Format your table with form data 
    document.getElementById("input").innerHTML = document.getElementById("text").value; 
    document.getElementById("input1").innerHTML = document.getElementById("text1").value; 
    var table = document.getElementById("table"); 
    var html = table.outerHTML; 

    var url = 'data:application/vnd.C:\\Users\WB-02\desktop\Book1.xlsx,' + escape(html); // Set your html table into url 
    var link = document.getElementById("downloadLink"); 
    link.setAttribute("href", url); 
    link.setAttribute("download", "export.xls"); // Choose the file name 
    link.click(); // Download your excel file 
    return false; 
} 
    </script> 
</head> 
<body> 
<form onsubmit="return exportF()"> 
    <input id="text" type="text" /> 
    <input id="text1" type="text" /> 
    <input type="submit" /> 
</form> 

<table id="table" style="display: none"> 
    <tr> 
    <td id="input"> 
    <td id="input1"> 
    </td> 
    </tr> 
</table> 
<a style="display: none" id="downloadLink"></a> 
</body> 
</html>

还有一个注册表设置可以防止Excel打开文件扩展名为.XLS的文件，该扩展名的内容与官方XLS文件格式不匹配，但默认为“警告”而不是“拒绝”。

微软有made a knowledge-base入口有关新的行为与一些建议的解决方法。

以前依赖将HTML文件导出为XLS的几个Web应用程序由于更新而遇到麻烦 - SalesForce就是一个示例。

2016年7月12日之前回答此问题和类似问题可能现在无效。

另一个当然是产生一个有效的XLS文件，然后Excel将以保护模式打开。

UPDATE：微软已经发布了一个补丁来解决此问题：https://support.microsoft.com/en-us/kb/3181507

SheetJS似乎为这个完美的。

要将表导出为Excel文件使用的代码在此link（与SheetJS一起）

在table元素的id只需插入export_table_to_excel

见Demo

看起来它有一段时间没有更新 - 它是最新的吗？（我实际上并不知道格式会导致它不会被修改，但是如果我建议它会是第一个问题......） –

我不认为格式已经改变，Excel给我的唯一警告是：“来自Internet的文件可能包含病毒，启用编辑？” – jlynch630

添加到您的头像：

<meta http-equiv="content-type" content="text/plain; charset=UTF-8"/>

，并添加为您的javascript：

<script type="text/javascript"> 
var tableToExcel = (function() { 
    var uri = 'data:application/vnd.ms-excel;base64,' 
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>' 
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } 
    , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
    return function(table, name) { 
    if (!table.nodeType) table = document.getElementById(table) 
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
    window.location.href = uri + base64(format(template, ctx)) 
    } 
})() 
</script>

Jfiddle：http://jsfiddle.net/cmewv/537/

如果CSV格式是对你有好处，下面是一个例子。

好的......我刚读了一篇评论，你明确地说它对你不好。在编码之前我没有学会阅读，这是我的坏处。

据我所知，Excel可以处理CSV。

function fnExcelReport() { 
 
var i, j; 
 
var csv = ""; 
 

 
var table = document.getElementById("table"); 
 

 
var table_headings = table.children[0].children[0].children; 
 
var table_body_rows = table.children[1].children; 
 

 
var heading; 
 
var headingsArray = []; 
 
for(i = 0; i < table_headings.length; i++) { 
 
    heading = table_headings[i]; 
 
    headingsArray.push('"' + heading.innerHTML + '"'); 
 
} 
 

 
csv += headingsArray.join(',') + ";\n"; 
 

 
var row; 
 
var columns; 
 
var column; 
 
var columnsArray; 
 
for(i = 0; i < table_body_rows.length; i++) { 
 
    row = table_body_rows[i]; 
 
    columns = row.children; 
 
    columnsArray = []; 
 
    for(j = 0; j < columns.length; j++) { 
 
     var column = columns[j]; 
 
     columnsArray.push('"' + column.innerHTML + '"'); 
 
    } 
 
    csv += columnsArray.join(',') + ";\n"; 
 
} 
 

 
    download("export.csv",csv); 
 
} 
 

 
//From: http://stackoverflow.com/a/18197511/2265487 
 
function download(filename, text) { 
 
    var pom = document.createElement('a'); 
 
    pom.setAttribute('href', 'data:text/csv;charset=utf-8,' + encodeURIComponent(text)); 
 
    pom.setAttribute('download', filename); 
 

 
    if (document.createEvent) { 
 
     var event = document.createEvent('MouseEvents'); 
 
     event.initEvent('click', true, true); 
 
     pom.dispatchEvent(event); 
 
    } 
 
    else { 
 
     pom.click(); 
 
    } 
 
}

<iframe id="txtArea1" style="display:none"></iframe> 
 

 
Call this function on 
 

 
<button id="btnExport" onclick="fnExcelReport();">EXPORT 
 
</button> 
 

 
<table id="table"> 
 
    <thead> 
 
    <tr> 
 
     <th>Head1</th> 
 
     <th>Head2</th> 
 
     <th>Head3</th> 
 
     <th>Head4</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>11</td> 
 
     <td>12</td> 
 
     <td>13</td> 
 
     <td>14</td> 
 
    </tr> 
 
    <tr> 
 
     <td>21</td> 
 
     <td>22</td> 
 
     <td>23</td> 
 
     <td>24</td> 
 
    </tr> 
 
    <tr> 
 
     <td>31</td> 
 
     <td>32</td> 
 
     <td>33</td> 
 
     <td>34</td> 
 
    </tr> 
 
    <tr> 
 
     <td>41</td> 
 
     <td>42</td> 
 
     <td>43</td> 
 
     <td>44</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

在IE中不起作用 –

试试这个

<table id="exportable"> 
<thead> 
     <tr> 
      //headers 
     </tr> 
</thead> 
<tbody> 
     //rows 
</tbody> 
</table>

脚本这个

var blob = new Blob([document.getElementById('exportable').innerHTML], { 
      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" 
     }); 
saveAs(blob, "Report.xls");

<hrml> 
    <head> 
    <script language="javascript"> 
     function exportF() { 
    //Format your table with form data 
    document.getElementById("input").innerHTML = document.getElementById("text").value; 
    document.getElementById("input1").innerHTML = document.getElementById("text1").value; 
    var table = document.getElementById("table"); 
    var html = table.outerHTML; 

    var url = 'data:application/vnd.C:\\Users\WB-02\desktop\Book1.xlsx,' + escape(html); // Set your html table into url 
    var link = document.getElementById("downloadLink"); 
    link.setAttribute("href", url); 
    link.setAttribute("download", "export.xls"); // Choose the file name 
    link.click(); // Download your excel file 
    return false; 
} 
    </script> 
</head> 
<body> 
<form onsubmit="return exportF()"> 
    <input id="text" type="text" /> 
    <input id="text1" type="text" /> 
    <input type="submit" /> 
</form> 

<table id="table" style="display: none"> 
    <tr> 
    <td id="input"> 
    <td id="input1"> 
    </td> 
    </tr> 
</table> 
<a style="display: none" id="downloadLink"></a> 
</body> 
</html>

答

还有一个注册表设置可以防止Excel打开文件扩展名为.XLS的文件，该扩展名的内容与官方XLS文件格式不匹配，但默认为“警告”而不是“拒绝”。

微软有made a knowledge-base入口有关新的行为与一些建议的解决方法。

以前依赖将HTML文件导出为XLS的几个Web应用程序由于更新而遇到麻烦 - SalesForce就是一个示例。

2016年7月12日之前回答此问题和类似问题可能现在无效。

另一个当然是产生一个有效的XLS文件，然后Excel将以保护模式打开。

UPDATE：微软已经发布了一个补丁来解决此问题：https://support.microsoft.com/en-us/kb/3181507

答

SheetJS似乎为这个完美的。

要将表导出为Excel文件使用的代码在此link（与SheetJS一起）

在table元素的id只需插入export_table_to_excel

见Demo

看起来它有一段时间没有更新 - 它是最新的吗？（我实际上并不知道格式会导致它不会被修改，但是如果我建议它会是第一个问题......） –

我不认为格式已经改变，Excel给我的唯一警告是：“来自Internet的文件可能包含病毒，启用编辑？” – jlynch630

答

添加到您的头像：

<meta http-equiv="content-type" content="text/plain; charset=UTF-8"/>

，并添加为您的javascript：

<script type="text/javascript"> 
var tableToExcel = (function() { 
    var uri = 'data:application/vnd.ms-excel;base64,' 
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>' 
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } 
    , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
    return function(table, name) { 
    if (!table.nodeType) table = document.getElementById(table) 
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
    window.location.href = uri + base64(format(template, ctx)) 
    } 
})() 
</script>

Jfiddle：http://jsfiddle.net/cmewv/537/

答

如果CSV格式是对你有好处，下面是一个例子。

好的......我刚读了一篇评论，你明确地说它对你不好。在编码之前我没有学会阅读，这是我的坏处。

据我所知，Excel可以处理CSV。

function fnExcelReport() { 
 
var i, j; 
 
var csv = ""; 
 

 
var table = document.getElementById("table"); 
 

 
var table_headings = table.children[0].children[0].children; 
 
var table_body_rows = table.children[1].children; 
 

 
var heading; 
 
var headingsArray = []; 
 
for(i = 0; i < table_headings.length; i++) { 
 
    heading = table_headings[i]; 
 
    headingsArray.push('"' + heading.innerHTML + '"'); 
 
} 
 

 
csv += headingsArray.join(',') + ";\n"; 
 

 
var row; 
 
var columns; 
 
var column; 
 
var columnsArray; 
 
for(i = 0; i < table_body_rows.length; i++) { 
 
    row = table_body_rows[i]; 
 
    columns = row.children; 
 
    columnsArray = []; 
 
    for(j = 0; j < columns.length; j++) { 
 
     var column = columns[j]; 
 
     columnsArray.push('"' + column.innerHTML + '"'); 
 
    } 
 
    csv += columnsArray.join(',') + ";\n"; 
 
} 
 

 
    download("export.csv",csv); 
 
} 
 

 
//From: http://stackoverflow.com/a/18197511/2265487 
 
function download(filename, text) { 
 
    var pom = document.createElement('a'); 
 
    pom.setAttribute('href', 'data:text/csv;charset=utf-8,' + encodeURIComponent(text)); 
 
    pom.setAttribute('download', filename); 
 

 
    if (document.createEvent) { 
 
     var event = document.createEvent('MouseEvents'); 
 
     event.initEvent('click', true, true); 
 
     pom.dispatchEvent(event); 
 
    } 
 
    else { 
 
     pom.click(); 
 
    } 
 
}

<iframe id="txtArea1" style="display:none"></iframe> 
 

 
Call this function on 
 

 
<button id="btnExport" onclick="fnExcelReport();">EXPORT 
 
</button> 
 

 
<table id="table"> 
 
    <thead> 
 
    <tr> 
 
     <th>Head1</th> 
 
     <th>Head2</th> 
 
     <th>Head3</th> 
 
     <th>Head4</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>11</td> 
 
     <td>12</td> 
 
     <td>13</td> 
 
     <td>14</td> 
 
    </tr> 
 
    <tr> 
 
     <td>21</td> 
 
     <td>22</td> 
 
     <td>23</td> 
 
     <td>24</td> 
 
    </tr> 
 
    <tr> 
 
     <td>31</td> 
 
     <td>32</td> 
 
     <td>33</td> 
 
     <td>34</td> 
 
    </tr> 
 
    <tr> 
 
     <td>41</td> 
 
     <td>42</td> 
 
     <td>43</td> 
 
     <td>44</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

在IE中不起作用 –

答

试试这个

<table id="exportable"> 
<thead> 
     <tr> 
      //headers 
     </tr> 
</thead> 
<tbody> 
     //rows 
</tbody> 
</table>

脚本这个

var blob = new Blob([document.getElementById('exportable').innerHTML], { 
      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" 
     }); 
saveAs(blob, "Report.xls");

答

<hrml> 
    <head> 
    <script language="javascript"> 
     function exportF() { 
    //Format your table with form data 
    document.getElementById("input").innerHTML = document.getElementById("text").value; 
    document.getElementById("input1").innerHTML = document.getElementById("text1").value; 
    var table = document.getElementById("table"); 
    var html = table.outerHTML; 

    var url = 'data:application/vnd.C:\\Users\WB-02\desktop\Book1.xlsx,' + escape(html); // Set your html table into url 
    var link = document.getElementById("downloadLink"); 
    link.setAttribute("href", url); 
    link.setAttribute("download", "export.xls"); // Choose the file name 
    link.click(); // Download your excel file 
    return false; 
} 
    </script> 
</head> 
<body> 
<form onsubmit="return exportF()"> 
    <input id="text" type="text" /> 
    <input id="text1" type="text" /> 
    <input type="submit" /> 
</form> 

<table id="table" style="display: none"> 
    <tr> 
    <td id="input"> 
    <td id="input1"> 
    </td> 
    </tr> 
</table> 
<a style="display: none" id="downloadLink"></a> 
</body> 
</html>

使用Javascript将HTML表格导出到Excel

回答

相关问题

相关推荐