1   <table id="table">
 2         <tr>
 3             <th>ID</th>
 4             <th>姓名</th>
 5             <th>年龄</th>
 6             <th>职业</th>
 7             <th>地区</th>
 8             <th>邮箱</th>
 9         </tr>
10         <tr>
11             <td>1</td>
12             <td>admin</td>
13             <td>23</td>
14             <td>程序员</td>
15             <td>天津</td>
16             <td>admin@kali.com</td>
17         </tr>
18         <tr>
19             <td>2</td>
20             <td>guest</td>
21             <td>23</td>
22             <td>测试员</td>
23             <td>北京</td>
24             <td>guest@kali.com</td>
25         </tr>
26     </table>
27     <input id="Button1" type="button" value="导出EXCEL"onclick="tableToExcel('table','测试')" />

 1 var tableToExcel = (function () {
 2         var uri = 'data:application/vnd.ms-excel;base64,',
 3         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 version="1.0" encoding="UTF-8" standalone="yes"?><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>',
 4           base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) },
 5           format = function (s, c) {
 6               return s.replace(/{(\w+)}/g,
 7               function (m, p) { return c[p]; })
 8           }
 9         return function (table, name) {
10             if (!table.nodeType) table = document.getElementById(table)
11             var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
12             window.location.href = uri + base64(format(template, ctx))
13         }
14     })()

转载于:https://www.cnblogs.com/-maomao/p/6169993.html

chrome浏览器js 导出excel相关推荐

  1. 关于IE8浏览器JS导出excel,要使导出列宽度按自己控制。

    关于IE8浏览器JS导出excel,要使导出列宽度按自己控制. function getExplorer() { var explorer = window.navigator.userAgent ; ...

  2. chrome浏览器使用js导出Excel出现网络错误

    使用js 导出Excel由于数据量太大导致出现网络错误,如图所示: 解决办法: 表格绘制完成后,使用 Blob let blob = new Blob([format(template, ctx]); ...

  3. 浏览器端JS导出EXCEL

    浏览器端JS导出EXCEL FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存.FileSaver.js 在客户端保存文件 ...

  4. 四种利用js导出Excel的方法(兼容IE6+、主流浏览器、支持复杂表头和合并单元格)

    因为项目需求变更,最后决定使用做JS导出Excel,网上看了很多的帖子和例子,很多的例子并不能满足需求( 处理复杂表头,兼容主流浏览器,兼容IE等等).所以,自己找了几个比较不错的例子,在其基础上结合 ...

  5. js导出excel(带边框以及文本样式)

    js导出excel 假定有这样一个页面 <div class="content-table"><table lay-filter="queryTable ...

  6. 通过javascript获取sharepoint数据,使用JS导出Excel

    通过网页将数据导出到Excel是常见需求,使用服务器端导出,开发周期长,部署麻烦.这里推荐一种客户端导出方法. 客户端导出与Sharepoint无关.这里附带使用场景基于SP,因为SP自带的导出功能比 ...

  7. Java web中不同浏览器间导出Excel文件名称乱码问题解决方案

    Java web中不同浏览器间导出Excel文件名称乱码问题解决方案 参考文章: (1)Java web中不同浏览器间导出Excel文件名称乱码问题解决方案 (2)https://www.cnblog ...

  8. Chrome浏览器 js 关闭窗口失效解决方法

    Chrome浏览器 js 关闭窗口失效解决方法 参考文章: (1)Chrome浏览器 js 关闭窗口失效解决方法 (2)https://www.cnblogs.com/WhiteM/p/7098787 ...

  9. 谷歌浏览器Chrome,TableExport.js 导出时数据量过大报网络错误的问题

    谷歌浏览器Chrome,TableExport.js 导出时数据量过大报网络错误的问题 之前项目里面遇到一个问题,谷歌浏览器下,数据量过大时报网络错误,下载失败,弄了很久都没找到解决的方法,偶然翻到一 ...

  10. 怎么从Chrome浏览器中导出扩展程序为crx文件?

    在chrome浏览器中安装好一些我们需要的chrome扩展程序后,有一天如果浏览器需求卸载后重新安装,但是我们这些插件又不好备份,当然用户可以始终在我们chrome插件网( http://www.cn ...

最新文章

  1. 浅析Python中bytes和str区别
  2. 今晚20:00 | 港科大郑光廷院士详解人工视觉技术发展及应用
  3. redis分布式锁实现思路
  4. linux nfs 读写性能,linux – Debian上的NFS性能问题
  5. 拽 Excel 到 ComponentOne C1FlexGrid
  6. gcc 编译器使用指南
  7. 第1章 Ext JS快速入门示例[4/4]
  8. JAVA环境变量安装
  9. python端口扫描工具_基于Python的简易端口扫描器
  10. 数据分析方法(营销模型篇)--最全的9种分析方法
  11. vce 题库导入_Visual CertExam(VCE)试题制作教程.pdf
  12. 【EDA课程设计】FPGA交通信号灯的设计(含动画视频、超详细思路/步骤分析、完整代码与效果详解)
  13. 计算机类公务员提升空间,本人在公务员省考裸考申论61分,在之后还有多大的提升空间?...
  14. 计算机毕业设计ssm文档资料管理系统
  15. Cordova Android 问题
  16. 1 1 2 3 5 8 java_【Java】一个斐波那契数列是由数字1、1、2、3、5、8、13、21、34等等组成的,其中每一个数字(从第三个数字起)都是前两个数字的和。...
  17. linux终端 字符界面 显示乱码
  18. 免费学习coursera的课程的操作办法
  19. iOS高性能Model转换框架----YYModel学习
  20. 质量管理 - 成熟度常见模型

热门文章

  1. jboss下载(jboss安装与配置)
  2. 【OpenGL开发】glut和freeglut下载及配置
  3. 如何选择网页更新提醒工具
  4. 股票分时量能分析 概念定义
  5. 华为数通HCNA学习资料
  6. Android性能优化—TraceView的使用
  7. 即时通讯工具的基本功能和如何做防御
  8. thinkPHP开发的彩票网站源码,含pc端和手机端
  9. [渝粤教育] 深圳职业技术学院 安全教育与应急处理训练 参考 资料
  10. 最新emoji表情代码大全_git commit 时使用 Emoji ?