在另一个工作表中将HTML表格导出到Excel(.xls)

我有一个简单的HTML页面(由外部应用程序生成),包含一个表视图。 我试图刮掉从页面的表,并把它们放在一个Excel工作簿。 我已经设法通过使用这里可用的方法把整个HTML内容放在工作簿中。

来自相关问题的代码:

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

该方法不支持多个电子表格。 我需要的是在同一个Excel工作簿中的每个HTML表格都在它自己的SpreadSheet中。 像这样的东西: 在这里输入图像描述

我试图用两个电子表格创build一个示例Excel文档,然后通过查看.html格式的导出来对其进行逆向工程。 不幸的是我没有理解如何重新创build工作簿和工作表之间的连接。

据我所知, format()函数做工作表数据和Excel模板的“神奇”的组合。 这个函数对我来说看起来很神秘,所以我不知道如何去修改它。

我所需要的作为一个最终的游戏是有可能调用类似的东西。 tableToExcel(document.getElementsByTagName('table'), 'Workbook Name');

任何想法,如果这是可能的,如果是的话 – 如何去做到这一点?

结帐这个博客文章: http ://www.kubilayerdogan.net/?p =218

  $(document).ready(function() { $("#btnExport").click(function(e) { //getting values of current time for generating the file name var dt = new Date(); var day = dt.getDate(); var month = dt.getMonth() + 1; var year = dt.getFullYear(); var hour = dt.getHours(); var mins = dt.getMinutes(); var postfix = day + "." + month + "." + year + "_" + hour + "." + mins; //creating a temporary HTML link element (they support setting file names) var a = document.createElement('a'); //getting data from our div that contains the HTML table var data_type = 'data:application/vnd.ms-excel'; var table_div = document.getElementById('dvData'); var table_html = table_div.outerHTML.replace(/ /g, '%20'); a.href = data_type + ', ' + table_html; //setting the file name a.download = 'exported_table_' + postfix + '.xls'; //triggering the function a.click(); //just in case, prevent default behaviour e.preventDefault(); }); }); 

你可以看到它在jsfiddle中的行动: http : //jsfiddle.net/kublaios/8ZQN4/1/