Question

想要在javascript中将动态html表导出为excel有什么方法可以在firefox浏览器中执行，而无需在代码中使用activex对象。请帮助我

Answer 1

Here's a function使用JavaScript在Firefox中执行此操作，假设用户已在其计算机上安装了Excel：

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]--></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))
  }
})()

jsFiddle live example：

http://jsfiddle.net/insin/cmewv/

Answer 2

您可以使用SpreadsheetDataXML格式动态生成Excel文件，该格式允许您自定义HTML语法中的表格，单元格样式和格式。

要在IE中完成此工作，您需要使用Blob对象，然后调用msSaveBlob方法。对于FF和Chrome，您只需将href数据更改为数据：application / vnd.ms-excel

function fnExcelReport() {
    var tab_text = '<html xmlns:x="urn:schemas-microsoft-com:office:excel">';
    tab_text = tab_text + '<head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>';

    tab_text = tab_text + '<x:Name>Test Sheet</x:Name>';

    tab_text = tab_text + '<x:WorksheetOptions><x:Panes></x:Panes></x:WorksheetOptions></x:ExcelWorksheet>';
    tab_text = tab_text + '</x:ExcelWorksheets></x:ExcelWorkbook></xml></head><body>';

    tab_text = tab_text + "<table border='1px'>";
    tab_text = tab_text + $('#myTable').html();
    tab_text = tab_text + '</table></body></html>';

    var data_type = 'data:application/vnd.ms-excel';

    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE ");

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
        if (window.navigator.msSaveBlob) {
            var blob = new Blob([tab_text], {
                type: "application/csv;charset=utf-8;"
            });
            navigator.msSaveBlob(blob, 'Test file.xls');
        }
    } else {
        $('#test').attr('href', data_type + ', ' + encodeURIComponent(tab_text));
        $('#test').attr('download', 'Test file.xls');
    }
}

工作示例：http://jsfiddle.net/h42y4ke2/21/ YT教程：https://www.youtube.com/watch?v=gx_yGY6NHkc

Answer 3

AFAIK没有用于在JavaScript中创建真实excel文件的库，但您可以尝试将HTML中的表导出为扩展名为.xls的文件。

Answer 4

Firefox有一个扩展名table2clipboard。您也可以手动从DOM树生成csv输出，并让用户将其保存为csv文件。 Excel可以从CSV导入。

在firefox浏览器中将动态html表导出为javascript

4 个答案: