使用Javascript将HTML表导出到Excel

Question

我正在将HTML表导出到xlsforamt.导出后,如果您在Libre Office中打开它,它工作正常,但同样在Microsoft Office中打开一个空白屏幕.

我不想要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>

Answer 1

在2016-07-12,Microsoft推出了Microsoft Office 的安全更新.此更新的一个影响是防止Excel打开来自不受信任域的HTML文件,因为它们无法在受保护模式下打开.

还有一个注册表设置阻止Excel打开文件扩展名为.XLS文件扩展名的内容与官方XLS文件格式不匹配的文件,但它默认为'warn',而不是'deny'.

在此更改之前,可以将HTML数据保存到具有XLS扩展名的文件,Excel将正确打开它 - 可能首先警告该文件与Excel格式不匹配,具体取决于用户的ExtensionHardening注册表值密钥(或相关的配置值).

Microsoft已经通过一些建议的解决方法提供了有关新行为的知识库条目.

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

2016年7月12日之前的答案以及类似的问题现在可能无效.

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

另一个当然是生成一个有效的XLS文件,然后Excel将以保护模式打开.

更新:Microsoft已发布补丁以更正此行为:https://support.microsoft.com/en-us/kb/3181507

Answer 2

SheetJS似乎是完美的.

要将表导出为ex​​cel文件,请使用此链接中的代码(以及SheetJS)

只需将table元素的id插入即可export_table_to_excel

见演示

Answer 3

如果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>