多个浏览器下应用前端JS实现一键导出excel表

自己试验了几种方法，找到一种较为全面的一种方式一键输出Excel表格，代码如下
 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title>导出表格</title>

     <script language="JavaScript" type="text/javascript">

         var Tmr;

         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 method(tableid) {

             if(getExplorer()=='ie')

             {

                 var curTbl = document.getElementById(tableid);

                 var oXL = new ActiveXObject("Excel.Application");

                 var oWB = oXL.Workbooks.Add();

                 var xlsheet = oWB.Worksheets(1);

                 var sel = document.body.createTextRange();

                 sel.moveToElementText(curTbl);

                 sel.select();

                 sel.execCommand("Copy");

                 xlsheet.Paste();

                 oXL.Visible = true;

                 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);

                     oXL.Quit();

                     oXL = null;

                     Tmr = window.setInterval("Cleanup();", 1);

                 }

             }

             else

             {

                 tableToExcel(tableid)

             }

         }

         function Cleanup() {

             window.clearInterval(Tmr);

             CollectGarbage();

         }

         var tableToExcel = (function() {

             var uri = 'data:application/vnd.ms-excel;base64,',

                     template = '<html><head><meta charset="UTF-8"></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 >

     <button type="button" onclick="method('tableExcel')">导出Excel</button>

 </div>

 <div id="myDi">

     <table id="tableExcel" width="100%" border="2" cellspacing="0" cellpadding="0">

         <tr>

             <td colspan="5" align="center">金庸笔下人物</td>

         </tr>

         <tr>

             <td>倚天屠龙记</td>

             <td>天龙八部</td>

             <td>鹿鼎记</td>

             <td>神雕侠侣</td>

             <td>射雕英雄传</td>

         </tr>

         <tr>

             <td>张无忌</td>

             <td>乔峰</td>

             <td>韦小宝</td>

             <td>杨过</td>

             <td>郭靖</td>

         </tr>

         <tr>

             <td>赵敏</td>

             <td>虚竹</td>

             <td>康熙</td>

             <td>小龙女</td>

             <td>黄蓉</td>

         </tr>

         <tr>

             <td>周芷若</td>

             <td>段誉</td>

             <td>鳌拜</td>

             <td>李莫愁</td>

             <td>杨康</td>

         </tr>

     </table>

 </div>

 </body>

 </html>
输出后显示：
多个浏览器下应用前端JS实现一键导出excel表-LMLPHP
显示表格：
多个浏览器下应用前端JS实现一键导出excel表-LMLPHP