世上最完美的用JavaScript将table导出成一个Excel文件(兼容所有浏览器)
来源:互联网 发布:网络系统集成前沿技术 编辑:程序博客网 时间:2024/06/06 05:30
项目一个功能需要将table中的数据导出成一个Excel文件。在百度搜索上,大多是用ActiveX去做,可这个只能在ie浏览器上用,而且还要更改浏览器设置,这个方法明显不好用。
我经过多次搜索和研究,千辛万苦,终于找到一个方法,能兼容所有浏览器。代码如下:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>EB页面导出为EXCEL文档的方法</title><script> //打印pdf文件 function myprint(){ var global_Html = document.body.innerHTML; document.body.innerHTML = document.getElementById('tableExcel').innerHTML; window.print(); window.setTimeout(function () { document.body.innerHTML = global_Html; }, 1500); }</script><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'; } //Chrome else if(explorer.indexOf("Chrome") >= 0){ return 'Chrome'; } //Opera else if(explorer.indexOf("Opera") >= 0){ return 'Opera'; } //Safari else 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"); //创建AX对象excel var oWB = oXL.Workbooks.Add(); //获取workbook对象 var xlsheet = oWB.Worksheets(1); //激活当前sheet var sel = document.body.createTextRange(); sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中 sel.select(); //全选TextRange中内容 sel.execCommand("Copy"); //复制TextRange中内容 xlsheet.Paste(); //粘贴到活动的EXCEL中 oXL.Visible = true; //设置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; //结束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"><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><div id="tableExcel"> <table id="test" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td colspan="5" align="center"><font size="6"><b>WEB页面导出为EXCEL文档的方法</b> </font></td> </tr> <tr> <td>列标题1 </td> <td>列标题2 </td> <td>列标题3 </td> <td>列标题4 </td> <td>列标题5 </td> </tr> <tr> <td>aaa </td> <td>bbb </td> <td>ccc </td> <td>ddd </td> <td>eee </td> </tr> <tr> <td>AAA </td> <td>BBB </td> <td>CCC </td> <td>DDD </td> <td>EEE </td> </tr> <tr> <td>FFF </td> <td>GGG </td> <td>HHH </td> <td>III </td> <td>JJJ </td> </tr> <tr> <td>aaa </td> <td>bbb </td> <td>ccc </td> <td>ddd </td> <td>eee </td> </tr> <tr> <td>AAA </td> <td>BBB </td> <td>CCC </td> <td>DDD </td> <td>EEE </td> </tr> <tr> <td colspan="5">FFFGGGHHHIIIJJJ </td> </tr> <tr> <td>aaa </td> <td>bbb </td> <td>ccc </td> <td>ddd </td> <td>eee </td> </tr> <tr> <td>AAA </td> <td>BBB </td> <td>DDD </td> <td>EEE </td> </tr> <tr> <td>FFF </td> <td>GGG </td> <td>III </td> <td>JJJ </td> </tr> </table></div><input type="button" value="另存为 Excel" onClick="javascript:method1('test')"><input type="button" value="另存为pdf" onClick="myprint()"/></body></html>
0 0
- 世上最完美的用JavaScript将table导出成一个Excel文件(兼容所有浏览器)
- Html导出Excel文件(兼容所有浏览器,支持设置文件名)
- javascript 将table数据导出到excel中(支持表格线的导出)
- 用JavaScript或python将html中的table导出为excel文件
- Javascript 将table数据导出到Excel
- css2.0下 最完美兼容所有浏览器的宽度自适应案例
- 将Table数据导出至Excel文件
- python读写excel(附上将一个文件夹下所有excel文件合并成一个文件的代码)
- jsp将table导出成excel+用js将table导出excel,中文乱码问题解决方案+action层导出excel
- JavaScript 图片的上传前预览(兼容所有浏览器)
- 文章标题js将网页表格导出为excel表格(兼容各种浏览器)
- js导出Excel浏览器兼容
- jsp导出excel浏览器兼容
- JavaScript将页面中的table数据导出到excel
- JavaScript获取浏览器的回车事件(兼容所有浏览器)
- ASP将Table导出Excel
- MFC将ListCtrl列表导出到Excel-采用文件流写Excel兼容Html格式(不需要Excel环境)
- 将html中table导出到excel xls文件的一种可用方法
- sed命令
- [Sencha ExtJs6 Modern] 多选list在清空store之后,list.getSelections()居然还能得到原来选的records
- Springmvc 页面重定向
- Android性能优化-内存泄漏2
- PyCharm 使用教程
- 世上最完美的用JavaScript将table导出成一个Excel文件(兼容所有浏览器)
- [LeetCode] 81. Search in Rotated Sorted Array II
- js正则表达是校验方式
- Poj 2019 Cornfields【二维RMQ-------ST算法】
- Python学习笔记2
- 第三章--四大组件之一Service
- PHP 对象中static内存分配
- K closest points to a given point
- Python小程序——猜数字