var tableToExcel = (function () {
　　　　　　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 = 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 (table, name, filename) {
　　　　　　　　if (!table.nodeType) table = document.getElementById(table)
　　　　　　　　var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }　　

　　　　　　　　document.getElementById("dlink").href = uri + base64(format(template, ctx));
　　　　　　　　document.getElementById("dlink").download = filename;
　　　　　　　　document.getElementById("dlink").click();
　　　　　　}
　　　　})()

function excels(tables的ID) {

　　　　if(getExplorer()=='ie'){　　

　　　　　　var curTbl = document.getElementById(table);
　　　　　　var oXl = new ActiveXObject("Excel.Application");//创建AX对象excel
　　　　　　var oWB = oXL.Workbooks.Add(); //获取workbook对象
　　　　　　var xlsheet = oWB.Worksheets(1); //激活当前sheet
　　　　　　var sel = document.body.createTextRange();
　　　　　　sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中
　　　　　　sel.select; //全选TextRange中内容
　　　　　　sel.execCommand("Copy"); //复制TextRange中内容
　　　　　　xlsheet.Paste(); //粘贴到活动的EXCEL中
　　　　　　oXL.Visible = true; //设置excel可见属性
　　　　　　try {
　　　　　　　　var filename = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
　　　　　　} catch (e) {
　　　　　　　　window.print("Nested catch caught " + e);
　　　　　　} finally {
　　　　　　　　oWB.SaveAs(filename);
　　　　　　　　oWB.Close(savechanges = false);
　　　　　　　　oXL.Quit();
　　　　　　　　oXL = null; //结束excel进程，退出完成
　　　　　　timer = window.setInterval("Cleanup();", 1);
　　　　　　}

　　　　}else {

　　　　　　tableToExcel(table);
　　　　}

}

var timer;

function getExplorer(){ // 获取浏览器

　　var explorer = window.navigator.userAgent;

　　if (explorer.indexOf("MSIE") >= 0 || (explorer.indexOf("Windows NT 6.1;") >= 0 && explorer.indexOf("Trident/7.0;") >= 0)) {
　　return 'ie';
　　} else if (explorer.indexOf("Firefox") >= 0) {
　　return 'Firefox';
　　} else if (explorer.indexOf("Chrome") >= 0) {
　　return 'Chrome';
　　} else if (explorer.indexOf("Opera") >= 0) {
　　return 'Opera';
　　} else if (explorer.indexOf("Safari") >= 0) {
　　return 'Safari';
　　}

}

var tableToExcel = (function () {
　　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 gtemso 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 = 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 (table, name) {
　　　　　　if (!table.nodeType) table = document.getElementById(table);
　　　　　　var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML };
　　　　　　window.location.href = uri + base64(format(template, ctx))
　　　　}
　　})();

function Cleanup() {
　　window.clearInterval(timer);
　　CollectGarbage(); //CollectGarbage,是IE的一个特有属性,用于释放内存的
}

利用纯JS导出到EXCEL的更多相关文章

  1. 纯js脚本操作excel

    纯js脚本解析excel,并渲染为htm表格,投放大屏并滚动! 代码:https://github.com/tianbogit/js_excel

  2. js导出成excel

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. 6行代码实现纯js导出excel

    // excel导出当前列表 function memberExport() { var oHtml = $('#list').html(); var excelHtml = '<html> ...

  4. [转]纯js导出json到excel(支持chrome)

    转自:http://blog.csdn.net/educast/article/details/52775559 function JSONToExcelConvertor(JSONData, Fil ...

  5. php利用PHPExcel类导出导入Excel用法

    PHPExcel类是php一个excel表格处理插件了,下面我来给大家介绍利用PHPExcel类来导入与导出excel表格的应用方法,有需要了解的朋友不防参考参考(PHPExcel自己百度下载这里不介 ...

  6. 利用纯JS和HTML Canvas生成随机迷宫过程中产生的有趣的事情

    上效果图: #先看生成随机迷宫的代码吧↓ <html> <head> <title>生成随机迷宫v1.0</title> </head> & ...

  7. FileSaver.js导出json文件和文本

    最近刚刚写了个json数据导出生成Excel文件的,顺便总结下利用FileSaver.js导出其他文件的,这里要注意的一个点就是,当导出的是json文件或是txt文件时,导出的内容要是字符串,特别当时 ...

  8. Html Table用JS导出excel格式问题 导出EXCEL后单元格里的000412341234会变成412341234 7-14 会变成 2018-7-14(7月14) 自定义格式 web利用table表格生成excel格式问题 js导出excel增加表头、mso-number-format定义数据格式 数字输出格式转换 mso-number-format:"\@"

    Html Table用JS导出excel格式问题 我在网上找的JS把HTML Tabel导出成EXCEL.但是如果Table里的数字内容为0开的的导成Excel后会自动删除0,我想以text的格式写入 ...

  9. 利用PHPExcel导出excel 以及利用js导出excel

    导出excel的方法output_excel需要依赖PHPExcel 导出csv的方法csv_export不需要 <?php /** * @author ttt */ class ExcelCo ...

  10. 纯JS 将table表格导出到excel

    html <div > <button type="button" onclick="getXlsFromTbl('tableExcel','myDiv ...

随机推荐

  1. JAVA WEB和Tomcat各组件概念

    概述 本篇文章是https://juejin.cn/post/7055306172265414663,这篇文章的再总结,剔除了与Java安全研究没太大关系的内容,对JAVAWEB中的Servlet.F ...

  2. 使用nginx 压缩

    现在的程序使用单页面应用,因此程序会在一开始就会加载页面JS.如果带宽不够,那么会影响页面下载速度. 我们可以使用NGINX 进行压缩,加快文件下载. gzip on; gzip_min_length ...

  3. RocksDB 内存超限问题剖析

    作者:来自 vivo 互联网服务器团队- Zeng Luobin 在使用 RocksDB 存储引擎的过程中,有部分开发者遇到了内存使用超出预期的情况.本文针对这一问题展开了深入分析,从内存使用原理.R ...

  4. （一）Springboot + vue + 达梦数据库构建RBAC权限模型前后端分离脚手架保姆级教程（界面截图）

    用户登录  系统首页  用户列表  添加用户  修改用户  角色列表  添加角色  修改角色  

  5. Ant Design Pro项目Popover位置微调

    前情 公司有经常需要做一些后台管理页面,我们选择了Ant Design Pro,它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案. 产品效果图 最新接到的一个后 ...

  6. 【二分+前缀和+后缀和】codeforces 2026 D. Sums of Segments

    题目 https://codeforces.com/problemset/problem/2026/D 题意 第一行输入一个正整数 \(n(1 \leq n \leq 3e5)\),第二行输入 \(n ...

  7. Redis应用—3.在购物车里的应用

    大纲 1.社区电商购物车的读多写多场景分析 2.购物车的复杂缓存与异步落库(Sorted Set + Hash -> hPut + zadd) 3.购物车异步落库与完整加入流程(缓存雪崩 + M ...

  8. Flutter之GetX之Obs

    Flutter之GetX之Obs 除了之前说过的GetBuilder,GetX还有其他的状态管理方式 一个后缀就可以把一个变量变得可观察,变量每次改变的时候,使用它的小部件就会被更新 var name ...

  9. Linux系统部署FineReport

    1. 概述 1.1 应用场景 帆软提供 Linux 操作系统下可直接安装使用的 FineReport 设计器,满足不同系统的用户的操作需求. 支持中标麒麟.银河麒麟.UOS 的 Linux 操作系统 ...

  10. 6.MySQL性能优化

    参数 作用范围 全局:对实例的所有会话起作用 会话级:只对当前会话起作用 set session binlog_rows_query_log_events = on; set global binlo ...