使用纯js 不导包实现 table 导出 Excel
1.将js粘贴到项目
2.设置table标签 id
3.定义按钮，调用方法即可
1 <!DOCTYPE html>
2 <html lang="zh_CN">
3 <head>
4 <meta charset="UTF-8">
5 <title>导出Excel</title>
6 </head>
7 <body>
8 <button type="button" onclick="method5('tableExcel')">导出Excel</button>
9 <table border=6 frame=void align=center width=650px height=100px cellspacing=0px cellpadding=10px id="tableExcel">
10 <tr height=50px align=center>
11 <th width=110px></th>
12 <th><font color=blue>星期一</font></th>
13 <th><font color=blue>星期二</font></th>
14 <th><font color=blue>星期三</font></th>
15 <th><font color=blue>星期四</font></th>
16 <th><font color=blue>星期五</font></th>
17 </tr>
18 <tr height=40px align=center>
19 <td></td>
20 <td colspan=5 color=red><font color="red"><b>上午</b></font></td>
21 </tr>
22 <tr height=40px align=center>
23 <td><font color=blue><b>一</b></font></td>
24 <td>数学</td>
25 <td>英语</td>
26 <td>语文</td>
27 <td>文体活动</td>
28 <td>数学</td>
29 </tr>
30 <tr height=40px align=center>
31 <td><font color=blue><b>二</b></font></td>
32 <td>语文</td>
33 <td>美术</td>
34 <td>语文</td>
35 <td>语文</td>
36 <td>语文</td>
37 </tr>
38 <tr height=40px align=center>
39 <td><font color=blue><b>三</b></font></td>
40 <td>体育</td>
41 <td>文体活动</td>
42 <td>文体活动</td>
43 <td>品德与生活</td>
44 <td>英语</td>
45 </tr>
46 <tr height=40px align=center>
47 <td></td>
48 <td colspan=5><font color="red"><b>下午</b></font></td>
49 </tr>
50 <tr height=40px align=center>
51 <td><font color=blue><b>四</b></font></td>
52 <td>品德与生活</td>
53 <td>语文</td>
54 <td>数学</td>
55 <td>体育</td>
56 <td>美术</td>
57 </tr>
58 <tr height=40px align=center>
59 <td><font color=blue><b>五</b></font></td>
60 <td>文体活动</td>
61 <td>体育</td>
62 <td>专题</td>
63 <td>语文</td>
64 <td>语文</td>
65 </tr>
66 <tr height=40px align=center>
67 <td><font color=blue><b>六</b></font></td>
68 <td>兴趣</td>
69 <td>读书活动</td>
70 <td>音乐</td>
71 <td>音乐</td>
72 <td>数学</td>
73 </tr>
74 <tr height=40px align=center>
75 <td><font color=blue><b>七</b></font></td>
76 <td>班队活动</td>
77 <td>课后托管</td>
78 <td>课后托管</td>
79 <td>课后托管</td>
80 <td>课后托管</td>
81 </tr>
82 </table>
83
84 <script>
85 //导出excel
86 var idTmr;
87 function getExplorer() {
88 var explorer = window.navigator.userAgent ;
89 //ie
90 if (explorer.indexOf("MSIE") >= 0) {
91 return 'ie';
92 }
93 //firefox
94 else if (explorer.indexOf("Firefox") >= 0) {
95 return 'Firefox';
96 }
97 //Chrome
98 else if(explorer.indexOf("Chrome") >= 0){
99 return 'Chrome';
100 }
101 //Opera
102 else if(explorer.indexOf("Opera") >= 0){
103 return 'Opera';
104 }
105 //Safari
106 else if(explorer.indexOf("Safari") >= 0){
107 return 'Safari';
108 }
109 }
110 function method5(tableid) {
111 if(getExplorer()=='ie')
112 {
113 var curTbl = document.getElementById(tableid);
114 var oXL = new ActiveXObject("Excel.Application");
115 var oWB = oXL.Workbooks.Add();
116 var xlsheet = oWB.Worksheets(1);
117 var sel = document.body.createTextRange();
118 sel.moveToElementText(curTbl);
119 sel.select();
120 sel.execCommand("Copy");
121 xlsheet.Paste();
122 oXL.Visible = true;
123
124 try {
125 var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
126 } catch (e) {
127 print("Nested catch caught " + e);
128 } finally {
129 oWB.SaveAs(fname);
130 oWB.Close(savechanges = false);
131 oXL.Quit();
132 oXL = null;
133 idTmr = window.setInterval("Cleanup();", 1);
134 }
135
136 }
137 else
138 {
139 tableToExcel(tableid)
140 }
141 }
142 function Cleanup() {
143 window.clearInterval(idTmr);
144 // CollectGarbage();
145 }
146 var tableToExcel = (function() {
147 var uri = 'data:application/vnd.ms-excel;base64,',
148 template = '<html><head><meta charset="UTF-8"></head><body><table border="1px">{table}</table></body></html>',
149 base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },
150 format = function(s, c) {
151 return s.replace(/{(\w+)}/g,
152 function(m, p) { return c[p]; }) }
153 return function(table, name) {
154 if (!table.nodeType) table = document.getElementById(table)
155 var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
156 window.location.href = uri + base64(format(template, ctx))
157 }
158 })();
159 </script>
160 </body>
161 </html>
使用纯js 不导包实现 table 导出 Excel的更多相关文章
- 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; ...
- 支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件
今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) { var table = document ...
- js实现table导出Excel，保留table样式
浏览器环境:谷歌浏览器 1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 <td sty ...
- ASP如何将table导出EXCEL表格
网页导出excel表格非常常用,对于一些加载<table>的数据网页,经常会用到这种功能,下面和大家分享一下ASP如何导出EXCEL表格 工具/原料 ASP编辑器 方法/步骤 ...
- element ui table 导出excel表格
https://blog.csdn.net/u010427666/article/details/79208145 vue2.0 + element UI 中 el-table 数据导出Excel1. ...
- html中的table导出Excel
演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...
- html中的table导出Excel （亲测有用(●'◡'●)）
演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...
- javascript 将 table 导出 Excel ,可跨行跨列
<script language="JavaScript" type="text/javascript"> //jQuery HTML导出Excel ...
- js 前端 table 导出 excel
园子,github,stackoverflow 关于前端下载的文章不少 园子里大部分都是 利用ActiveXObject对象来实现,可他有个缺点安全等级,还有必须安装excel…… github,st ...
随机推荐
- 已安装的nginx添加其他模块
总体操作就是添加新模块并重新编译源码,然后把编译后的nginx可执行文件覆盖原来的那个即可.1 查看已安装的参数nginx -V拷贝那些巴拉巴拉的参数,后面编译的时候使用 2 下载相同版本号的源码,解 ...
- Android RFID调试总结
调试了包括驱动,jni层,当然也熟悉了下应用层. 1. 驱动层包括修改: device/eastaeon/aeon6735_65c_l/init.project.rc //去 ...
- iMindMap不同视图的应用技巧介绍
在刚开始使用iMindMap思维导图软件时,很多用户会习惯性地使用默认的Mind Map视图.因该视图布局自由,用户可以发挥自我创造力,进行多种形式的思维图表创建. 其实,除此之外,iMindMap还 ...
- web自动化测试难点 滚动条操作、日期框处理、上传文件
如何把页面滑到最低部? 一般来说,做web自动化测试时,不需要单独写代码,把页面滑到可见,因为click操作,只要是元素存在并且加载出来了,就可以点击到,无需另外写滑动元素的代码. 如果特殊情况需要滑 ...
- Python学习系列之列表（十一）
一.为什么需要列表 变量可以存储一个元素,而列表是一个"大容器"可以存储N多个元素,程序可以方便地对这些数据进行整体操作 列表相当于其它语言中的数组 二.列表的创建1.列表需要使用 ...
- 【操作系统】先来先服务和短作业优先算法（C语言实现）
[操作系统] 先来先服务算法和短作业优先算法实现 介绍: 1.先来先服务 (FCFS: first come first service) 如果早就绪的进程排在就绪队列的前面,迟就绪的进程排在就绪队列 ...
- Problem D. Country Meow 题解(三分套三分套三分)
题目链接 题目大意 给你n(n<=100)个点,要你找一个点使得和所有点距离的最大值最小值ans 题目思路 一直在想二分答案,但是不会check 这个时候就要换一下思想 三分套三分套三分坐标即可 ...
- 【原创】视频+文字：详解VBA解决数独问题
[说在前面]: 之前,我在微信朋友圈看到一个同事发了一个状态,说的是她在家辅导孩子做作业,一个数独的题目,好像没有做出来.我看了下,我也做不出来,后来仔细想了下,花了两个多小时时间,用Python编了 ...
- [GIT]获取git最新的tag
背景 公司前端项目在Jenkins中打包,每次打包需要将新tag回推到仓库中.但是打包失败后如果不删除tag的话下次打包就会失败,需要手动删除,所以在Jenkinsfile中就需要在打包失败时自动删除 ...
- AgileConfig-轻量级配置中心 1.1.0 发布，支持应用间配置继承
AgileConfig轻量级配置中心自第一个版本发布不知不觉已经半年了.在并未进行什么推广的情况下收到了250个star,对我有很大的鼓舞,并且也有不少同学试用,并且给出了宝贵的意见,非常感谢他们.其 ...