自己试验了几种方法，找到一种较为全面的一种方式一键输出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表的更多相关文章

  1. js实现一键导出Excel

    演示地址:https://xibushijie.github.io/static/ExportToExcel.html <!DOCTYPE html> <html lang=&quo ...

  2. 前端JS实现一键导入excel表格

    前面的文章中已经讲过关于js表格的导出,此文章主要说到的是excel文件如何导入到网页中,并在网页端显示. 代码部分: <!DOCTYPE html> <html> <h ...

  3. html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel，保留table样式

    先上代码   <script type="text/javascript" language="javascript">   var idTmr; ...

  4. 前端导出excel表

    前端导出excel表 方式一: 前端js实现 : https://www.cnblogs.com/zhangym118/p/6235801.html 方式二: java后端实现: https://bl ...

  5. js实现table导出Excel，保留table样式

    浏览器环境:谷歌浏览器 1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 <td sty ...

  6. python实现导出excel表（前端+后端）

    之前在做项目管理系统的时候需要实现将数据导出到excel表的功能,搜索之后发现了python的xlwt模块可以很好的实现这项功能. 首先是导入xlwt模块: import xlwtfrom io im ...

  7. 前端js实现字符串/图片/excel文件下载

    在web开发中,如果你想让用户下载或者导出一个文件,应该怎么做呢?传统的做法是在后端存储或者即时生成一个文件来提供下载功能,这样的优势是可以做权限控制.数据二次处理,但缺点是需要额外发起请求.增大服务 ...

  8. js一键导出Excel

    HTML: 1 <div class="container"> 2 <table id="backViewTable" class=" ...

  9. 前端实现table表格导出excel

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. [WPF 自定义控件]让Form在加载后自动获得焦点

    1. 需求 加载后让第一个输入框或者焦点是个很基本的功能,典型的如"登录"对话框.一般来说"登录"对话框加载后"用户名"应该马上获得焦点,用 ...

  2. requeests模块响应体属性和方法重新整理

    下面的属性方法都是基于response对象` import requests response = requests.get('url') 一.url 返回值的url 二. text 获得响应体文本信 ...

  3. 如何在CAD图纸中进行线性标注

    在CAD中,都会在图纸中进行CAD标注,一般都是有CAD标注样式.CAD标注文字等.那其中有一个就是CAD线性标注?可以标注图纸间的距离?那如何在CAD图纸中进行线性标注呢?具体要怎么来进行操作?本篇 ...

  4. 网络协议 2 - IP 地址和 MAC 地址

    了解完网络协议,我们会发现,网络通信的五层模型里,有两个很重要的概念:IP 地址和 MAC 地址. 那么 IP 地址是怎么来的,又是怎么没的?MAC 地址与 IP 地址又有什么区别? 这回答上面问题前 ...

  5. HTML 文件路径

    文件路径描述了网站文件夹结构中某个文件的位置. 文件路径会在链接外部文件时被用到: 网页 图像 样式表 JavaScript 绝对文件路径 绝对文件路径是指向一个因特网文件的完整 URL: 实例 &l ...

  6. 【H5最强攻略】百度人脸情绪实时识别

    最近看的各位大佬都在体验百度大脑2019年全新上线的24项AI能力! (我也按耐不住了,赶紧走一波- 哈哈) 接下来要介绍的就是H5端的人脸检测攻略. 附带详细的介绍,代码,以及演示体验等 欢迎提出各 ...

  7. Octave计算数据

    设A=[1 2;3 4;5 6] B=[11 12;13 14;15 16] A.*B =     :对A以及B中的对应的元素进行相乘 11 24 39 56 75 96 A.^2 :对A中的每一个元 ...

  8. Noip2018Day1T3 赛道修建

    题目链接 problem 给出一棵有边权的树.一条链的权值定义为该链所经过的边的边权值和.需要选出\(m\)条链,求\(m\)条链中权值最小的链的权值最大是多少. solution 首先显然二分. 然 ...

  9. matlab练习程序（BRIEF描述子）

    BRIEF特征全称:Binary Robust Independent Elementary Features.是一种能够快速计算图像特征描述符的方法,同样能够降低特征匹配的时间. 算法计算步骤如下: ...

  10. JS模仿腾讯图片新闻

    仿照腾讯图片新闻的幻灯,功能并不完全一样.最开始打算做这个的时候,突然觉得好像做不来.想想如果一步一步,一个功能一个功能的做应该能搞定. 我做这个例子的思路是这样的: 先把需要的html和css代码写 ...