<button class="search" onclick="method5('dataTable');">导出</button> 在表格内需要绑定相对应的id
js操作
1 var idTmr; 2 3 function getExplorer() { 4 var explorer = window.navigator.userAgent; 5 //ie 6 if(explorer.indexOf("MSIE") >= 0) { 7 return 'ie'; 8 } 9 //firefox 10 else if(explorer.indexOf("Firefox") >= 0) { 11 return 'Firefox'; 12 } 13 //Chrome 14 else if(explorer.indexOf("Chrome") >= 0) { 15 return 'Chrome'; 16 } 17 //Opera 18 else if(explorer.indexOf("Opera") >= 0) { 19 return 'Opera'; 20 } 21 //Safari 22 else if(explorer.indexOf("Safari") >= 0) { 23 return 'Safari'; 24 } 25 } 26 27 function method5(tableid) { 28 console.log(tableid) 29 if(getExplorer() == 'ie') { 30 var curTbl = document.getElementById(tableid); 31 var oXL = new ActiveXObject("Excel.Application"); 32 var oWB = oXL.Workbooks.Add(); 33 var xlsheet = oWB.Worksheets(1); 34 var sel = document.body.createTextRange(); 35 sel.moveToElementText(curTbl); 36 sel.select(); 37 sel.execCommand("Copy"); 38 xlsheet.Paste(); 39 oXL.Visible = true; 40 41 try { 42 var fname = oXL.Application.GetSaveAsFilename("Excel.xls", 43 "Excel Spreadsheets (*.xls), *.xls"); 44 } catch(e) { 45 print("Nested catch caught " + e); 46 } finally { 47 oWB.SaveAs(fname); 48 oWB.Close(savechanges = false); 49 oXL.Quit(); 50 oXL = null; 51 idTmr = window.setInterval("Cleanup();", 1); 52 } 53 54 } else { 55 tableToExcel(tableid) 56 } 57 } 58 59 function Cleanup() { 60 window.clearInterval(idTmr); 61 CollectGarbage(); 62 } 63 var tableToExcel = (function() { 64 var uri = 'data:application/vnd.ms-excel;base64,', 65 template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel"'+ 66 'xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>' 67 +'<x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets>' 68 +'</x:ExcelWorkbook></xml><![endif]-->'+ 69 ' <style type="text/css">'+ 70 '.excelTable {'+ 71 'border-collapse:collapse;'+ 72 ' border:thin solid #999; '+ 73 '}'+ 74 ' .excelTable th {'+ 75 ' border: thin solid #999;'+ 76 ' padding:20px;'+ 77 ' text-align: center;'+ 78 ' border-top: thin solid #999;'+ 79 ' background-color: #E6E6E6;'+ 80 ' }'+ 81 ' .excelTable td{'+ 82 ' border:thin solid #999;'+ 83 ' padding:2px 5px;'+ 84 ' text-align: center;'+ 85 ' }</style>'+ 86 '</head><body ><table class="excelTable">{table}</table></body></html>', 87 88 base64 = function( 89 s) { 90 return window.btoa(unescape(encodeURIComponent(s))) 91 }, 92 format = function(s, c) { 93 return s.replace(/{(w+)}/g, function(m, p) { 94 return c[p]; 95 }) 96 } 97 return function(table, name) { 98 console.log(table) 99 if(!table.nodeType) 100 table = document.getElementById(table) 101 var ctx = { 102 worksheet: name || 'Worksheet', 103 table: table.innerHTML 104 } 105 var link = document.createElement("a"); 106 link.href = uri+base64(format(template, ctx)); 107 link.download = "信息发布情况表.xls";//当前下载的excel名称 108 document.body.appendChild(link); 109 link.click(); 110 document.body.removeChild(link); 111 } 112 })()