直接使用js+Html生成excel文件，当前版本：chrome浏览器

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <style type="text/css">

         table{border-collapse: collapse; }

         th, td{border: 1px solid #4d4d4d;padding: 5px; }

     </style>

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

         var idTmr;

         function  getExplorer() {

            var explorer = window.navigator.userAgent ;

            if(explorer.indexOf("Chrome") >= 0){

                 return 'Chrome';

            }else{

                 alert("非chrome浏览器");

                 return false;

            }

         }

         function method1(tableid) {//整个表格拷贝到EXCEL中

                 tableToExcel('tableId')

         }

         var tableToExcel = (function(tableId) {

             //设置类型

             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加密处理

             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(tableId, name) {

                 var aLink=document.getElementById("dlink");

                 var table = document.getElementById(tableId);

                 // 获取表单的名字和表单查询的内容

                 var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};

                 // format()函数：通过格式操作使任意类型的数据转换成一个字符串

                 // base64()：进行编码

                 aLink.href = uri + base64(format(template, ctx))

                 aLink.download="test.xls";

                 aLink.click();

             }

         })()

     </script>

 </head>

 <body>

     <table id="tableId">

         <tr>

             <th></th>

             <th>一</th>

             <th>二</th>

             <th>三</th>

             <th>四</th>

         </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>

     <br/>

     <a id="dlink" style="display: none;"></a>

       <input type="button" value="导出EXCEL" onclick="method1('tableId')" />

 </body>

 </html>

JS生成EXCEL(Chrome浏览器)的更多相关文章

  1. 使用node.js生成excel报表下载(excel-export express篇)

    引言:日常工作中已经有许多应用功能块使用了nodejs作为web服务器,而生成报表下载也是我们在传统应用. java中提供了2套类库实现(jxl 和POI),.NET 作为微软的亲儿子更加不用说,各种 ...

  2. js 生成Excel

    https://www.npmjs.com/package/xlsx 安装依赖 npm install xlsx Example import * as XLSX from "xlsx&qu ...

  3. 异步加载的JS如何在chrome浏览器断点调试？

    我们常常利用chrome强大的控制台Sources下面进行代码断点调试,但是通过$.getScript等异步加载JS的方式在Sources里面就是找不到,那如何进行debug断点调试呢? 方案一: 在 ...

  4. js判断是不是chrome浏览器

    方法一: var isChrome = window.navigator.userAgent.indexOf("Chrome"); <script> var isChr ...

  5. 【原】无脑操作：Chrome浏览器安装Vue.js devtool

    学习Vue.js时,Chrome浏览器安装Vue.js devtool能很方便的查看Vue对象.组件.事件等. 本文以Chrome浏览器插件Vue.js devtools_3.1.2_0.crx的安装 ...

  6. Chrome浏览器清除页面js文件缓存的方法

    Chrome浏览器清除页面js文件缓存 Chrome浏览器清除js缓存方法虽然简单,但有些人还是不太会,有些人会去设置里面清除有时候没有用,这里写一下简单步骤,使用一次以后就会了,而且速度更快 1.打 ...

  7. Echarts 数据视图 生成Excel的方法

    一.生成Excel,两大方向:1后台生成Excel 查询数据库,使用NOPI生成Excel.2前台js生成Excel三种方式1)jquery.table2excel.js --采用,优势:兼容IE和C ...

  8. c# mvc如何生成excel

    我们知道mvc可以通过js生成excel文件,同样在后台c#中一样可以生成excel文件. 首先我们要在后台中写如下方法: [HttpGet]public FileResult excel_gener ...

  9. 配置karma支持Chrome浏览器

    准备:项目中已搭建好了karma. 前言:利用vue-cli初始化创建vue项目时,已经搭建好了测试框架 karma+mocha,但是此时karma默认启动的浏览器是 phantomjs,而我想用 C ...

随机推荐

  1. Hibernate 基于外键的单项一对一关联映射

    在开发过程中很多时候会用到表与表之间一对一的关联关系,本文简单介绍在Hibernate4中单项一对一的关联映射. 1.设计表结构 2.创建Person对象 3.创建IdCard对象 4.写hbm.xm ...

  2. [BZOJ4026]dC Loves Number Theory(线段树)

    根据欧拉函数的定义式可知,可以先算出a[l]*a[l+1]*...*a[r]的值,然后枚举所有存在的质因子*(p-1)/p. 发现这里区间中一个质因子只要计算一次,所以指计算“上一个同色点在区间外”的 ...

  3. BZOJ 3238: [Ahoi2013]差异 后缀自动机 树形dp

    http://www.lydsy.com/JudgeOnline/problem.php?id=3238 就算是全局变量,也不要忘记,初始化(吐血). 长得一副lca样,没想到是个树形dp(小丫头还有 ...

  4. Codeforces Round #479 (Div. 3)

    手速场2333,这群人贼牛逼!手速贼快!   A. Wrong Subtraction time limit per test 1 second memory limit per test 256 m ...

  5. hdu 1540 Tunnel Warfare 线段树 单点更新，查询区间长度，区间合并

    Tunnel Warfare Time Limit: 1 Sec  Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pi ...

  6. PAT甲级1026. Table Tennis

    PAT甲级1026. Table Tennis 题意: 乒乓球俱乐部有N张桌子供公众使用.表的编号从1到N.对于任何一对玩家,如果有一些表在到达时打开,它们将被分配给具有最小数字的可用表.如果所有的表 ...

  7. Oracle密码忘记了解决办法

    Oracle密码忘记了怎么办?有时候我们可能忘记了一个用户的密码,但是又需要以这个用户做一些操作,又不能去修改掉这个用户的密码,这个时候,就可以利用一些小窍门,来完成操作.采用如下方法可以修改密码: ...

  8. python string和dict转换

    字典(dict)转为字符串(string) 我们可以比较容易的将字典(dict)类型转为字符串(string)类型. 通过遍历dict中的所有元素就可以实现字典到字符串的转换: for key, va ...

  9. 【PHP内存泄漏案例】PHP对象递归引用造成内存泄漏

    [案例一] 作者:老王 如果PHP对象存在递归引用,就会出现内存泄漏.这个Bug在PHP里已经存在很久很久了,先让我们来重现这个Bug,代码如下: <?php class Foo { funct ...

  10. 在Visual Studio项目中根据系统平台自动引用32或64位的DLL

    最近在使用Noesis.Javascript.dll,但是这个DLL是有X86与X64二种版本的,我自己的电脑是64位的,但是别人的电脑是32位的.所以在别人那里使用的时候出了问题. 在VS里怎么引用 ...