在Firefox浏览器中输出dynamic的HTML表格,使其在JavaScript中performance突出
想要导出dynamic的HTML表格在Excel中的Excel有没有什么办法可以做在Firefox浏览器中没有使用代码中的ActiveX对象。请帮助我
假设用户在他们的机器上安装了Excel, 下面是一个在JavaScript中使用Firefox 的function :
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现场示例:
您可以dynamic生成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
AFAIK没有用于在JavaScript中创build真正的Excel文件的库,但是您可以尝试将HTML表导出为扩展名为.xls的文件。
有一个Firefox的扩展table2clipboard 。 您也可以手动生成DOM树的csv输出,并让用户将其保存为csv文件。 Excel可以从CSV导入。