JS 导出table数据到Excel 前4种方法只支持IE,最后一个支持主流浏览

<html>

 <head></head>

 <body>

   html 表格导出 

  <p></p>

  <p><span style="font-size: 1px;"> //第一种方法 </span></p>

  <p><span style="font-size: 1px;"> function method1(tableid) { </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> var curTbl = document.getElementById(tableid); </span></p>

  <p><span style="font-size: 1px;"> var oXL = new ActiveXObject(&quot;Excel.Application&quot;); </span></p>

  <p><span style="font-size: 1px;"> var oWB = oXL.Workbooks.Add(); </span></p>

  <p><span style="font-size: 1px;"> var oSheet = oWB.ActiveSheet; </span></p>

  <p><span style="font-size: 1px;"> var sel = document.body.createTextRange(); </span></p>

  <p><span style="font-size: 1px;"> sel.moveToElementText(curTbl); </span></p>

  <p><span style="font-size: 1px;"> sel.select(); </span></p>

  <p><span style="font-size: 1px;"> sel.execCommand(&quot;Copy&quot;); </span></p>

  <p><span style="font-size: 1px;"> oSheet.Paste(); </span></p>

  <p><span style="font-size: 1px;"> oXL.Visible = true; </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> //第二种方法 </span></p>

  <p><span style="font-size: 1px;"> function method2(tableid) </span></p>

  <p><span style="font-size: 1px;"> { </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> var curTbl = document.getElementById(tableid); </span></p>

  <p><span style="font-size: 1px;"> var oXL = new ActiveXObject(&quot;Excel.Application&quot;); </span></p>

  <p><span style="font-size: 1px;"> var oWB = oXL.Workbooks.Add(); </span></p>

  <p><span style="font-size: 1px;"> var oSheet = oWB.ActiveSheet; </span></p>

  <p><span style="font-size: 1px;"> var Lenr = curTbl.rows.length; </span></p>

  <p><span style="font-size: 1px;"> for (i = 0; i &lt; Lenr; i++) </span></p>

  <p><span style="font-size: 1px;"> { var Lenc = curTbl.rows(i).cells.length; </span></p>

  <p><span style="font-size: 1px;"> for (j = 0; j &lt; Lenc; j++) </span></p>

  <p><span style="font-size: 1px;"> { </span></p>

  <p><span style="font-size: 1px;"> oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText; </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> oXL.Visible = true; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> //第三种方法 </span></p>

  <p><span style="font-size: 1px;"> function getXlsFromTbl(inTblId, inWindow){ </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> try { </span></p>

  <p><span style="font-size: 1px;"> var allStr = &quot;&quot;; </span></p>

  <p><span style="font-size: 1px;"> var curStr = &quot;&quot;; </span></p>

  <p><span style="font-size: 1px;"> if (inTblId != null &amp;&amp; inTblId != &quot;&quot; &amp;&amp; inTblId != &quot;null&quot;) { 

     </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> curStr = getTblData(inTblId, inWindow); </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> if (curStr != null) { </span></p>

  <p><span style="font-size: 1px;"> allStr += curStr; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> else { </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> alert(&quot;你要导出的表不存在&quot;); </span></p>

  <p><span style="font-size: 1px;"> return; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> var fileName = getExcelFileName(); </span></p>

  <p><span style="font-size: 1px;"> doFileExport(fileName, allStr); </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> catch(e) { </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> alert(&quot;导出发生异常:&quot; + e.name + &quot;-&gt;&quot; + e.description + &quot;!&quot;);

 </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> function getTblData(inTbl, inWindow) { </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> var rows = 0; </span></p>

  <p><span style="font-size: 1px;"> var tblDocument = document; </span></p>

  <p><span style="font-size: 1px;"> if (!!inWindow &amp;&amp; inWindow != &quot;&quot;) { </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> if (!document.all(inWindow)) { </span></p>

  <p><span style="font-size: 1px;"> return null; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> else { </span></p>

  <p><span style="font-size: 1px;"> tblDocument = eval(inWindow).document; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> var curTbl = tblDocument.getElementById(inTbl); </span></p>

  <p><span style="font-size: 1px;"> var outStr = &quot;&quot;; </span></p>

  <p><span style="font-size: 1px;"> if (curTbl != null) { </span></p>

  <p><span style="font-size: 1px;"> for (var j = 0; j &lt; curTbl.rows.length; j++) { </span></p>

  <p><span style="font-size: 1px;"> for (var i = 0; i &lt; curTbl.rows[j].cells.length; i++) { </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> if (i == 0 &amp;&amp; rows &gt; 0) { </span></p>

  <p><span style="font-size: 1px;"> outStr += &quot; t&quot;; </span></p>

  <p><span style="font-size: 1px;"> rows -= 1; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> outStr += curTbl.rows[j].cells[i].innerText + &quot;t&quot;; </span></p>

  <p><span style="font-size: 1px;"> if (curTbl.rows[j].cells[i].colSpan &gt; 1) { </span></p>

  <p><span style="font-size: 1px;"> for (var k = 0; k &lt; curTbl.rows[j].cells[i].colSpan - 1; k++) { </span></p>

  <p><span style="font-size: 1px;"> outStr += &quot; t&quot;; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> if (i == 0) { </span></p>

  <p><span style="font-size: 1px;"> if (rows == 0 &amp;&amp; curTbl.rows[j].cells[i].rowSpan &gt; 1) { </span></p>

  <p><span style="font-size: 1px;"> rows = curTbl.rows[j].cells[i].rowSpan - 1; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> outStr += &quot;rn&quot;; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> else { </span></p>

  <p><span style="font-size: 1px;"> outStr = null; </span></p>

  <p><span style="font-size: 1px;"> alert(inTbl + &quot;不存在 !&quot;); </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> return outStr; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> function getExcelFileName() { </span></p>

  <p><span style="font-size: 1px;"> var d = new Date(); </span></p>

  <p><span style="font-size: 1px;"> var curYear = d.getYear(); </span></p>

  <p><span style="font-size: 1px;"> var curMonth = &quot;&quot; + (d.getMonth() + 1); </span></p>

  <p><span style="font-size: 1px;"> var curDate = &quot;&quot; + d.getDate(); </span></p>

  <p><span style="font-size: 1px;"> var curHour = &quot;&quot; + d.getHours(); </span></p>

  <p><span style="font-size: 1px;"> var curMinute = &quot;&quot; + d.getMinutes(); </span></p>

  <p><span style="font-size: 1px;"> var curSecond = &quot;&quot; + d.getSeconds(); </span></p>

  <p><span style="font-size: 1px;"> if (curMonth.length == 1) { </span></p>

  <p><span style="font-size: 1px;"> curMonth = &quot;0&quot; + curMonth; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> if (curDate.length == 1) { </span></p>

  <p><span style="font-size: 1px;"> curDate = &quot;0&quot; + curDate; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> if (curHour.length == 1) { </span></p>

  <p><span style="font-size: 1px;"> curHour = &quot;0&quot; + curHour; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> if (curMinute.length == 1) { </span></p>

  <p><span style="font-size: 1px;"> curMinute = &quot;0&quot; + curMinute; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> if (curSecond.length == 1) { </span></p>

  <p><span style="font-size: 1px;"> curSecond = &quot;0&quot; + curSecond; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> var fileName = &quot;table&quot; + &quot;_&quot; + curYear + curMonth + curDate + &quot;_&quot; 

       </span></p>

  <p><span style="font-size: 1px;"> + curHour + curMinute + curSecond + &quot;.csv&quot;; </span></p>

  <p><span style="font-size: 1px;"> return fileName; </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> function doFileExport(inName, inStr) { </span></p>

  <p><span style="font-size: 1px;"> var xlsWin = null; </span></p>

  <p><span style="font-size: 1px;"> if (!!document.all(&quot;glbHideFrm&quot;)) { </span></p>

  <p><span style="font-size: 1px;"> xlsWin = glbHideFrm; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> else { </span></p>

  <p><span style="font-size: 1px;"> var width = 6; </span></p>

  <p><span style="font-size: 1px;"> var height = 4; </span></p>

  <p><span style="font-size: 1px;"> var openPara = &quot;left=&quot; + (window.screen.width / 2 - width / 2) </span></p>

  <p><span style="font-size: 1px;"> + &quot;,top=&quot; + (window.screen.height / 2 - height / 2) </span></p>

  <p><span style="font-size: 1px;"> + &quot;,scrollbars=no,width=&quot; + width + &quot;,height=&quot; + height; </span></p>

  <p><span style="font-size: 1px;"> xlsWin = window.open(&quot;&quot;, &quot;_blank&quot;, openPara); </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> xlsWin.document.write(inStr); </span></p>

  <p><span style="font-size: 1px;"> xlsWin.document.close(); </span></p>

  <p><span style="font-size: 1px;"> xlsWin.document.execCommand('Saveas', true, inName); </span></p>

  <p><span style="font-size: 1px;"> xlsWin.close(); </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> //第四种 </span></p>

  <p><span style="font-size: 1px;"> function method4(tableid){ </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> var curTbl = document.getElementById(tableid); </span></p>

  <p><span style="font-size: 1px;"> var oXL; </span></p>

  <p><span style="font-size: 1px;"> try{ </span></p>

  <p><span style="font-size: 1px;"> oXL = new ActiveXObject(&quot;Excel.Application&quot;); //创建AX对象excel </span></p>

  <p><span style="font-size: 1px;"> }catch(e){ </span></p>

  <p><span style="font-size: 1px;"> alert(&quot;无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel,&quot;+&quot;

那么请调整IE的安全级别。\n\n具体操作:\n\n&quot;+&quot;

工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用&quot;); </span></p>

  <p><span style="font-size: 1px;"> return false; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> var oWB = oXL.Workbooks.Add(); //获取workbook对象 </span></p>

  <p><span style="font-size: 1px;"> var oSheet = oWB.ActiveSheet;//激活当前sheet </span></p>

  <p><span style="font-size: 1px;"> var sel = document.body.createTextRange(); </span></p>

  <p><span style="font-size: 1px;"> sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中 </span></p>

  <p><span style="font-size: 1px;"> sel.select(); //全选TextRange中内容 </span></p>

  <p><span style="font-size: 1px;"> sel.execCommand(&quot;Copy&quot;);//复制TextRange中内容 </span></p>

  <p><span style="font-size: 1px;"> oSheet.Paste();//粘贴到活动的EXCEL中 </span></p>

  <p><span style="font-size: 1px;"> oXL.Visible = true; //设置excel可见属性 </span></p>

  <p><span style="font-size: 1px;"> var fname = oXL.Application.GetSaveAsFilename(&quot;将table导出到excel.xls&quot;

        , &quot;Excel Spreadsheets (*.xls), *.xls&quot;); </span></p>

  <p><span style="font-size: 1px;"> oWB.SaveAs(fname); </span></p>

  <p><span style="font-size: 1px;"> oWB.Close(); </span></p>

  <p><span style="font-size: 1px;"> oXL.Quit(); </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> //第五种方法 </span></p>

  <p><span style="font-size: 1px;"> var idTmr; </span></p>

  <p><span style="font-size: 1px;"> function getExplorer() { </span></p>

  <p><span style="font-size: 1px;"> var explorer = window.navigator.userAgent ; </span></p>

  <p><span style="font-size: 1px;"> //ie </span></p>

  <p><span style="font-size: 1px;"> if (explorer.indexOf(&quot;MSIE&quot;) &gt;= 0) { </span></p>

  <p><span style="font-size: 1px;"> return 'ie'; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> //firefox </span></p>

  <p><span style="font-size: 1px;"> else if (explorer.indexOf(&quot;Firefox&quot;) &gt;= 0) { </span></p>

  <p><span style="font-size: 1px;"> return 'Firefox'; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> //Chrome </span></p>

  <p><span style="font-size: 1px;"> else if(explorer.indexOf(&quot;Chrome&quot;) &gt;= 0){ </span></p>

  <p><span style="font-size: 1px;"> return 'Chrome'; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> //Opera </span></p>

  <p><span style="font-size: 1px;"> else if(explorer.indexOf(&quot;Opera&quot;) &gt;= 0){ </span></p>

  <p><span style="font-size: 1px;"> return 'Opera'; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> //Safari </span></p>

  <p><span style="font-size: 1px;"> else if(explorer.indexOf(&quot;Safari&quot;) &gt;= 0){ </span></p>

  <p><span style="font-size: 1px;"> return 'Safari'; </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> function method5(tableid) { </span></p>

  <p><span style="font-size: 1px;"> if(getExplorer()=='ie') </span></p>

  <p><span style="font-size: 1px;"> { </span></p>

  <p><span style="font-size: 1px;"> var curTbl = document.getElementById(tableid); </span></p>

  <p><span style="font-size: 1px;"> var oXL = new ActiveXObject(&quot;Excel.Application&quot;); </span></p>

  <p><span style="font-size: 1px;"> var oWB = oXL.Workbooks.Add(); </span></p>

  <p><span style="font-size: 1px;"> var xlsheet = oWB.Worksheets(1); </span></p>

  <p><span style="font-size: 1px;"> var sel = document.body.createTextRange(); </span></p>

  <p><span style="font-size: 1px;"> sel.moveToElementText(curTbl); </span></p>

  <p><span style="font-size: 1px;"> sel.select(); </span></p>

  <p><span style="font-size: 1px;"> sel.execCommand(&quot;Copy&quot;); </span></p>

  <p><span style="font-size: 1px;"> xlsheet.Paste(); </span></p>

  <p><span style="font-size: 1px;"> oXL.Visible = true; </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> try { </span></p>

  <p><span style="font-size: 1px;"> var fname = oXL.Application.GetSaveAsFilename(&quot;Excel.xls&quot;

        , &quot;Excel Spreadsheets (*.xls), *.xls&quot;); </span></p>

  <p><span style="font-size: 1px;"> } catch (e) { </span></p>

  <p><span style="font-size: 1px;"> print(&quot;Nested catch caught &quot; + e); </span></p>

  <p><span style="font-size: 1px;"> } finally { </span></p>

  <p><span style="font-size: 1px;"> oWB.SaveAs(fname); </span></p>

  <p><span style="font-size: 1px;"> oWB.Close(savechanges = false); </span></p>

  <p><span style="font-size: 1px;"> oXL.Quit(); </span></p>

  <p><span style="font-size: 1px;"> oXL = null; </span></p>

  <p><span style="font-size: 1px;"> idTmr = window.setInterval(&quot;Cleanup();&quot;, 1); </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> else </span></p>

  <p><span style="font-size: 1px;"> { </span></p>

  <p><span style="font-size: 1px;"> tableToExcel(tableid) </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> function Cleanup() { </span></p>

  <p><span style="font-size: 1px;"> window.clearInterval(idTmr); </span></p>

  <p><span style="font-size: 1px;"> CollectGarbage(); </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> var tableToExcel = (function() { </span></p>

  <p><span style="font-size: 1px;"> var uri = 'data:application/vnd.ms-excel;base64,', </span></p>

  <p><span style="font-size: 1px;"> template = '

    <meta charset="UTF-8" /></span></p>

  <table>

   {table}

  </table>', 

  <p></p>

  <p><span style="font-size: 1px;"> base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }, </span></p>

  <p><span style="font-size: 1px;"> format = function(s, c) { </span></p>

  <p><span style="font-size: 1px;"> return s.replace(/{(\w+)}/g, </span></p>

  <p><span style="font-size: 1px;"> function(m, p) { return c[p]; }) } </span></p>

  <p><span style="font-size: 1px;"> return function(table, name) { </span></p>

  <p><span style="font-size: 1px;"> if (!table.nodeType) table = document.getElementById(table) </span></p>

  <p><span style="font-size: 1px;"> var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} </span></p>

  <p><span style="font-size: 1px;"> window.location.href = uri + base64(format(template, ctx)) </span></p>

  <p><span style="font-size: 1px;"> } </span></p>

  <p><span style="font-size: 1px;"> })() </span></p>

  <p><span style="font-size: 1px;"><br /></span><br /></p>

  <p><span style="font-size: 1px;"> 导出Excel方法一 导出Excel方法二 导出Excel方法三 导出Excel方法四 导出Excel方法五 html 

表格导出道Excel 列标题1 列标题2 类标题3 列标题4 列标题5 aaa bbb ccc ddd eee AAA BBB CCC DDD EEE FFF GGG HHH III JJJ </span></p>

 </body>

</html>

要将HTML表格导出Excel支持Excel的函数,可以使用JavaScript。 首先,我们需要在HTML中创建一个按钮,用于触发导出操作: ```html <button onclick="exportToExcel()">导出Excel</button> ``` 然后,在JavaScript中,我们需要编写一个函数来导出HTML表格Excel。可以使用第三方库如`tableexport.js`来实现这个功能。首先,我们需要在HTML文件中引入该库: ```html <script src="tableexport/tableexport.js"></script> ``` 接下来,在JavaScript代码中定义一个`exportToExcel`函数并在该函数中使用`TableExport`库来导出表格Excel文件,并支持Excel的函数: ```javascript function exportToExcel() { var table = document.getElementById("myTable"); // 获取表格元素 // 创建 TableExport 对象 var tableExport = new TableExport(table, { exportButtons: false, // 不显示导出按钮 filename: 'Excel文件名', // 设置导出文件名 sheetname: '工作表名', // 设置工作表名 exportFunction: 'xlsx' // 设置导出格式为Excel }); var exportData = tableExport.getExportData(); // 获取导出数据 var xlsxData = exportData.myTable.xlsx; // 获取Excel文件的二进制数据 saveXlsxToDisk(xlsxData); // 将二进制数据保存为Excel文件 } function saveXlsxToDisk(xlsxData) { var blob = new Blob([xlsxData], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}); var url = URL.createObjectURL(blob); var a = document.createElement("a"); a.href = url; a.download = 'Excel文件名.xlsx'; // 设置下载文件名 a.click(); URL.revokeObjectURL(url); } ``` 以上代码中,`myTable`是要导出的HTML表格的id,可以根据实际情况进行修改。`filename`和`sheetname`分别是导出Excel文件名和工作表名,可以根据需要自行设置。 当用户点击"导出Excel"按钮时,就会触发`exportToExcel`函数,该函数会将表格导出Excel文件并保存到磁盘上。 需要注意的是,由于涉及到文件下载,所以该方法需要在浏览器环境中才能使用,而不能在服务器端运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值