使用js代码将HTML Table导出为Excel
生活随笔
收集整理的這篇文章主要介紹了
使用js代码将HTML Table导出为Excel
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
使用js代碼將HTML Table導(dǎo)出為Excel的方法：
直接上源碼
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" language="javascript">var idTmr;function getExplorer() {var explorer = window.navigator.userAgent ;//ie if (explorer.indexOf("MSIE") >= 0) {return 'ie';}//firefox else if (explorer.indexOf("Firefox") >= 0) {return 'Firefox';}//Chromeelse if(explorer.indexOf("Chrome") >= 0){return 'Chrome';}//Operaelse if(explorer.indexOf("Opera") >= 0){return 'Opera';}//Safarielse if(explorer.indexOf("Safari") >= 0){return 'Safari';}}function method1(tableid) {//整個表格拷貝到EXCEL中if(getExplorer()=='ie'){var curTbl = document.getElementById(tableid);var oXL = new ActiveXObject("Excel.Application");//創(chuàng)建AX對象excel var oWB = oXL.Workbooks.Add();//獲取workbook對象 var xlsheet = oWB.Worksheets(1);//激活當(dāng)前sheet var sel = document.body.createTextRange();sel.moveToElementText(curTbl);//把表格中的內(nèi)容移到TextRange中 sel.select();//全選TextRange中內(nèi)容 sel.execCommand("Copy");//復(fù)制TextRange中內(nèi)容 xlsheet.Paste();//粘貼到活動的EXCEL中 oXL.Visible = true;//設(shè)置excel可見屬性try {var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");} catch (e) {print("Nested catch caught " + e);} finally {oWB.SaveAs(fname);oWB.Close(savechanges = false);//xls.visible = false;oXL.Quit();oXL = null;//結(jié)束excel進程，退出完成//window.setInterval("Cleanup();",1);idTmr = window.setInterval("Cleanup();", 1);}}else{tableToExcel(tableid)}}function Cleanup() {window.clearInterval(idTmr);CollectGarbage();}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"><meta http-equiv="Content-Type" charset=utf-8"><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))}})() </script></head> <body> <table width="100%" cellspacing="0" cellpadding="0" border="1px" bgcolor="#fff" align="center" id="test"><tr><th width="10%">調(diào)查案例</th><th width="10%">公司名稱</th><th width="10%">地 址</th><th width="5%">部門</th><th width="5%">聯(lián)系人</th><th width="10%">聯(lián)系方式</th><th width="20%">具體情況</th><th width="20%">問券填寫</th> <th width="10%">提交時間</th> </tr> </table><input id="Button1" type="button" value="導(dǎo)出EXCEL" οnclick="javascript:method1('test')" style="padding:5px;margin-top:20px;"/> </body> </html>
?
-完-
?
轉(zhuǎn)載于:https://www.cnblogs.com/colinliu/p/tabletoexcel.html
總結(jié)
以上是生活随笔為你收集整理的使用js代码将HTML Table导出为Excel的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 测试你的Python 水平----6
- 下一篇： 2017年html5行业报告,云适配发布