<!DOCTYPE html>

<html>

<head>

        <meta charset="UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title></title>

        <body>

        <table id="ta">

        <tr>

        <th>测试1</th>

        <th>测试2</th>

        <th>测试3</th>

        </tr>

        </table>

       <button onclick="javascript:method1('ta')">导出EXCEL</button>

       <script>

       var idTmr;

function  getExplorer() {

    var explorer = window.navigator.userAgent ;

    //ie

    if (explorer.indexOf("MSIE") >= 0) {

        return 'ie';

    }

    //firefox

    else if (explorer.indexOf("Firefox") >= 0) {

        return 'Firefox';

    }

    //Chrome

    else if(explorer.indexOf("Chrome") >= 0){

        return 'Chrome';

    }

    //Opera

    else if(explorer.indexOf("Opera") >= 0){

        return 'Opera';

    }

    //Safari

    else if(explorer.indexOf("Safari") >= 0){

        return 'Safari';

    }

}

function method1(tableid) {//整个表格拷贝到EXCEL中

    if(getExplorer()=='ie')

    {

        var curTbl = document.getElementById(tableid);

        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 fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");

        } catch (e) {

            print("Nested catch caught " + e);

        } finally {

            oWB.SaveAs(fname);

            oWB.Close(savechanges = false);

            //xls.visible = false;

            oXL.Quit();

            oXL = null;

            //结束excel进程，退出完成

            //window.setInterval("Cleanup();",1);

            idTmr = window.setInterval("Cleanup();", 1);

        }

    }

    else

    {

        tableToExcel('ta');

    }

}

function Cleanup() {

    window.clearInterval(idTmr);

    CollectGarbage();

}

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) {

                if (!table.nodeType) table = document.getElementById(table)

                var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}

                window.location.href = uri + base64(format(template, ctx))

              }

})();

       </script>

</body>

</html>

　　

js Excel导出的更多相关文章

  1. 前端JS Excel导出

    本文转载自:https://blog.csdn.net/plmzaqokn11/article/details/73604705 下载table2Excel插件 <input type=&quo ...

  2. js excel导出 前端实现（转载）

    本文为转载,本人亲测可用,感谢原作者,原文在这里. 一.由于公司项目需要,需要将表格数据导出为EXCEL表格数据. 环境React+Ant Design 二.安装插件js-export-excel   ...

  3. js excel导出功能

    <html> <head> <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件 ...

  4. 【转】js 中导出excel 较长数字串会变为科学计数法

    [转]js 中导出excel 较长数字串会变成科学计数法 在做项目中,碰到如题的问题.比如要将居民的信息导出到excel中,居民的身份证号码因为长度过长(大于10位),excel会自动的将过长的数字串 ...

  5. js前端导出excel：json形式的导出

    第一中形式的导出:主要是表头对应主体数据,json形式的导出 js库文件名称 : table2excel.js这个js库文件是网上找的,并且自己根据自己业务需求把内容改了一下复制到 table2exc ...

  6. js导入excel&导出excel

    Excel导入 html代码 <button style={{ color: '#1890ff', fontSize: '14px', cursor: 'pointer' }} onClick= ...

  7. [moka同学笔记]PHPexcel之excel导出和导入

    原案例来自http://www.sucaihuo.com/有修改 1.目录结构(文件不用解释,应该都可以看得懂,直接看代码)

  8. 利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能

    我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据, ...

  9. excel导出的集中情况

    jsp 页面: 导出按钮: <form id="excel" name="exportForm" method="post" acti ...

随机推荐

  1. 99. Recover Binary Search Tree -- 找到二叉排序树中交换过位置的两个节点

    Two elements of a binary search tree (BST) are swapped by mistake. Recover the tree without changing ...

  2. 知识梳理——CSS篇

    css引入方法 内嵌 <head> <meta charset="UTF-8"> <title>Document</title> & ...

  3. bzoj3901

    题解: 就是按照常规的合并 期望有一点麻烦 首先计算全部的和 再减去有多少种 具体看看http://blog.csdn.net/PoPoQQQ/article/category/2542261这个博客 ...

  4. 20181009-2 选题 Scrum立会报告+燃尽图（01）

    Scrum立会报告+燃尽图(01)选题 此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2190 一.小组介绍 组长:刘莹莹 ...

  5. ios 加密解密工具类字符判断等

    #import <Foundation/Foundation.h> #import <UIKit/UIKit.h> @interface Helpers : NSObject ...

  6. Python itertools.combinations 和 itertools.permutations 等价代码实现

    最近编程时经常要用到排序组合的代码,想当年还抱着一些情况买了一本<组合数学>,不过现在这货也不知道被自己放哪里了,估计不会是垫桌子腿了吧. 由于去年去东北大学考博面试的时候遇到过可能涉及排 ...

  7. ssh的时候提示No user exists for uid 501

    原来是oh my zash升级导致的.关闭iterm2然后重新打开iterm2就可以了

  8. python functiontools 模块

    一个内置的模块.  作用是实现了更多的功能, 同时形式上显得很简洁.    虽然在使用很方便, 但其中的原理还是很难复杂的. ------------------------------------- ...

  9. StreamSets 设计Edge pipeline

    edge pipeline 运行在edge 执行模式,我们可以使用 data collector UI 进行edge pipeline 设计, 设计完成之后,你可以部署对应的pipeline到edge ...

  10. jdk版本对应数字

    org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'org.springfr ...