JS生成EXCEL(Chrome浏览器)
直接使用js+Html生成excel文件，当前版本：chrome浏览器
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <style type="text/css">
6 table{border-collapse: collapse; }
7 th, td{border: 1px solid #4d4d4d;padding: 5px; }
8 </style>
9 <script type="text/javascript" language="javascript">
10 var idTmr;
11 function getExplorer() {
12 var explorer = window.navigator.userAgent ;
13 if(explorer.indexOf("Chrome") >= 0){
14 return 'Chrome';
15 }else{
16 alert("非chrome浏览器");
17 return false;
18 }
19 }
20 function method1(tableid) {//整个表格拷贝到EXCEL中
21 tableToExcel('tableId')
22 }
23 var tableToExcel = (function(tableId) {
24 //设置类型
25 var uri = 'data:application/vnd.ms-excel;base64,',
26 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>',
27 //base64加密处理
28 base64 = function(s) {
29 return window.btoa(unescape(encodeURIComponent(s)))
30 },
31 //格式化处理
32 format = function(s, c) {
33 return s.replace(/{(\w+)}/g,
34 function(m, p) {
35 return c[p];
36 }
37 )
38 };
39 //自动执行
40 return function(tableId, name) {
41 var aLink=document.getElementById("dlink");
42 var table = document.getElementById(tableId);
43 // 获取表单的名字和表单查询的内容
44 var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};
45 // format()函数：通过格式操作使任意类型的数据转换成一个字符串
46 // base64()：进行编码
47 aLink.href = uri + base64(format(template, ctx))
48 aLink.download="test.xls";
49 aLink.click();
50 }
51 })()
52 </script>
53
54 </head>
55 <body>
56 <table id="tableId">
57 <tr>
58 <th></th>
59 <th>一</th>
60 <th>二</th>
61 <th>三</th>
62 <th>四</th>
63 </tr>
64 <tr>
65 <td>万籁寂无声</td>
66 <td>衾铁棱棱近五更</td>
67 <td>香断灯昏吟未稳</td>
68 <td>凄清</td>
69 <td>只有霜华伴月明</td>
70 </tr>
71 <tr>
72 <td>应是夜寒凝</td>
73 <td>恼得梅花睡不成</td>
74 <td>我念梅花花念我</td>
75 <td>关情</td>
76 <td>起看清冰满玉瓶</td>
77 </tr>
78 </table>
79 <br/>
80 <a id="dlink" style="display: none;"></a>
81 <input type="button" value="导出EXCEL" onclick="method1('tableId')" />
82 </body>
83 </html>转载于:https://www.cnblogs.com/newwind/p/9510842.html
JS生成EXCEL(Chrome浏览器)相关推荐
- html避免js脚本注入,chrome浏览器拓展——js脚本拦截及注入
概要 该浏览器拓展插件是拥有为页面拦截和注入js功能的chrome浏览器扩展,可以拦截页面脚本.检索页面脚本文件.下载页面脚本文件.为页面注入js文件,以及为页面注入requirejs和require ...
- node.js生成Excel文件 使用node-xlsx
node.js生成Excel文件 简介 尝试使用excel-export以及excel-export-next没有成功,转为使用node-xlsx成功生成Excel 从接到需求开始查询可用的库 好多博 ...
- html利用js生成excel表格（html表格标签生成excel）table2excel实例：一表格多sheets
table2excel实例 使用插件:table2excel.js 简介:table2excel 可以转换和下载html上的表格,使他成为.xlsx格式,能够被Excel打开 实例代码 <hea ...
- 简单无脑使用 jquery.table2excel.js 生成excel表格
下载 jquery.table2excel.js 下载地址 jquery.table2excel.js 下载后在文件夹中找到js文件用哪个都可以 代码: <script src="/P ...
- js生成excel表格并下载
<button id="" type="button" class="u-btn normal importBtn" > < ...
- 使用javascript生成Excel表格（内含实例demo），可下载xlsx.core.min.js、excel.js包
分享一个我的小demo:GuitHub ExcelDownload 实例下载(布局简陋,随便看看就行),喜欢就给个star,哈哈 一.生成excel表格的原理 打蛇打七寸,擒贼先擒王.通过标题就可以知 ...
- chrome浏览器使用js导出Excel出现网络错误
使用js 导出Excel由于数据量太大导致出现网络错误,如图所示: 解决办法: 表格绘制完成后,使用 Blob let blob = new Blob([format(template, ctx]); ...
- chrome将html转成excel,怎样在Chrome浏览器中，直接让表格中的数据以Excel文件形式导出|网页转excel表格...
怎么把jsp页面表单上的数据导出成Excel-CSDN论坛 留个QQ,发给你个控件 在js导出表格到excel的时候,如何用js设置时间的的格式 将页面中指定的数据导入到Excel中 border=& ...
- chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security...
chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\ XP:C:\Documents and Settings ...
最新文章
- Python的range()函数
- c# 多线程多个参数
- [原创]RCP项目：数字图像处理软件
- 九、PyQt5 QLineEdit输入的子网字符串校验QRegExp
- 作者：李雪梅（1984-），女，烟台中科网络技术研究所研发工程师。
- 数据解析（XML，JSON）
- python在生活中有哪些用处-Python语言有哪些用途
- tomcat基础应用详解
- setuna截图怎么放大缩小_一款强大的电脑截图神器，快速提高工作效率，功能强大！...
- Call to a member function display() on a non-object。。。。
- 用Java实现家庭收支记账软件
- pandas报错：columns overlap but no suffix specified
- Nginx+Tomcat 搭建负载均衡、动静分离（tomcat多实例）
- 教你从零开始用WebSocket打造一个IM聊天室
- Knight On the Chessboard
- 请编程实现输出自然数1到1000中含有数字2的数的个数。
- 用html写个人简历（学生学习所用）
- vuex的摸爬滚打.
- 高数 | 复合函数、幂指函数中等价无穷小替换的问题
- weex的使用初体验