直接使用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. VS2015快捷键及常用功能

    写下这些快捷键的操作,并不是全部记住,记住常用的,然后其他的来查询就好了. 1.回到上一个光标位置/前进到下一个光标位置 1)回到上一个光标位置:使用组合键“Ctrl + -”; 2)前进到下一个光标 ...

  2. BZOJ 2612 [Poi2003]Sums（最短路）

    [题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=2612 [题目大意] 给定a数组,问num能否被表示为a[1]*x[1]+a[2]*x[ ...

  3. [HAOI2012]外星人

    题目大意: 告诉你一个数n,求满足φ^x(n)=1的x. 思路: 首先我们可以发现满足φ(n)=1的数只有2,也就是说你得到最终的结果,最后一步肯定是φ(2). 同时,可以发现φ(φ(2^k))=φ( ...

  4. 2015 UESTC 数据结构专题E题 秋实大哥与家 线段树扫描线求矩形面积交

    E - 秋实大哥与家 Time Limit: 1 Sec  Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/#/contest/show/59 De ...

  5. Codeforces Round #304 (Div. 2) Break the Chocolate 水题

    Break the Chocolate Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/546/ ...

  6. Windows7 无法访问共享文件，域访问解决方法。

    1.开始——>运行——>gpedit.msc 打开[本地组策略编辑器] 2.计算机配置——>Windows设置——>安全设置——>本地策略——>安全选项——> ...

  7. SSE两个页面的相互通信

    两个页面之间互相通信 首先搭建express框架,然后通过two页面发送数据给服务器,服务器把数据传送给one页面 在two 中发送数据,在one中显示 router/index.js var axi ...

  8. ExtJS 表单 submit时错误处理

    这里不提success,提提Extjs 表单提交的failure方法. 在表单的提交中,当发生异常行为时通常分为三种情况 1. 无法连接到服务器 2. 表单验证错误 3. 业务逻辑错误 对应下面的代码 ...

  9. chm TO html 另类方法

    因为网上下了很多chmtohtml ,都是试用版的, 转成html网页格式,总是有限制,或是不完整,我现在找到了一种折中方法,供大家参考 一,我的资源里有工具word to chm  里面有转成网页的 ...

  10. [转]Hamcrest使用方法实例

    assertThat方法需要使用hamcrest的匹配方法: 示例 assertThat( n, allOf( greaterThan(1), lessThan(15) ) ); assertThat ...