【转载】JavaScript导出Excel

原文地址

如果没有用到前端插件，也没有用到后台poi导出的话，用js导出也是一种方式。亲测可用。

/**

 * 导出excel

 */

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 exportExcel(tableid) {

    if(getExplorer()=='ie')

    {

        var curTbl = document.getElementById(tableid);

        var oXL = new ActiveXObject("Excel.Application");

        var oWB = oXL.Workbooks.Add();

        var xlsheet = oWB.Worksheets(1);

        var sel = document.body.createTextRange();

        sel.moveToElementText(curTbl);

        sel.select();

        sel.execCommand("Copy");

        xlsheet.Paste();

        oXL.Visible = true;

        try {

            var fname = oXL.Application.GetSaveAsFilename("Excel.xls",filename);

        } catch (e) {

            print("Nested catch caught " + e);

        } finally {

            oWB.SaveAs(fname);

            oWB.Close(savechanges = false);

            oXL.Quit();

            oXL = null;

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

        }

    }

    else

    {

        tableToExcel(tableid);

    }

}

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]-->'+

    ' <style type="text/css">'+

    '.excelTable  {'+

    'border-collapse:collapse;'+

     ' border:thin solid #999; '+

    '}'+

    '   .excelTable  th {'+

    '   border: thin solid #999;'+

    '  padding:20px;'+

    '  text-align: center;'+

    '  border-top: thin solid #999;'+

    ' background-color: #E6E6E6;'+

    ' }'+

    ' .excelTable  td{'+

    ' border:thin solid #999;'+

    '  padding:2px 5px;'+

    '  text-align: center;'+

    ' }</style>'+

    '</head><body ><table class="excelTable">{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))  ;

       document.getElementById("exportExcel").href = uri + base64(format(template, ctx));

       document.getElementById("exportExcel").download = filename;

     //  document.getElementById("exportExcel").click();

    }  ;

})()  ;

function Cleanup() {

    window.clearInterval(idTmr);

    CollectGarbage();

}

【转载】JavaScript导出Excel的更多相关文章

  1. [转载]poi导出excel,可以自定义保存路径

    poi导出excel比js导出excel安全性更好,在使用poi导出excel时,先要导入poi-3.5-FINAL-20090928.jar包到你项目的lib目录下,我这里选择是3.5版的 1.ac ...

  2. 原生JavaScript 导出excel表格（兼容ie和其他主流浏览器）

    因同事的需求是想前端导出excel表格,网上找了一些demo,自己修改了一下,可能以后会用到,记录下来吧,兼容ie和一些主流浏览器,ie可能会报错,原因参考 这里,edge 浏览器还没有办法导出,正在 ...

  3. [转载]Java导出Excel

    一.需求介绍 当前B/S模式已成为应用开发的主流,而在开发企业办公系统的过程中,常常有客户这样子要求:把系统数据库中的数据导出到Excel,用户查看报表时直接用Excel打开.或者是:用户已经习惯用E ...

  4. JavaScript 导出Excel 代码

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...

  5. JavaScript导出excel文件实现

    function getXlsFromTbl(inTblId, inWindow, fname) { try { var allStr = ""; var curStr = &qu ...

  6. javascript 导出Excel

    测试兼容IE google 火狐浏览器.看到的朋友也许你某一天也会需要. //obj是table表格外面嵌套div id function saveCode(obj) { try { var strH ...

  7. 带复杂表头合并单元格的HtmlTable转换成DataTable并导出Excel

    步骤: 一.前台JS取HtmlTable数据,根据设定的分隔符把数据拼接起来 <!--导出Excel--> <script type="text/javascript&qu ...

  8. html中的table导出Excel

    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...

  9. html中的table导出Excel （亲测有用(●'◡'●)）

    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...

随机推荐

  1. flex与相对定位在国内双核浏览器极速模式下的兼容性问题

    在国内的浏览器中,360浏览器,QQ浏览器等绝大部分都是双核浏览器.双核浏览器即拥有IE兼容内核和非IE极速内核两个内核,分别对应兼容模式和极速模式.兼容模式时使用IE内核,极速模式采用webkit内 ...

  2. 007API网关服务Zuul

    001.POM配置 和普通Spring Boot工程相比,增加了Eureka Client.Zuul依赖和Spring Cloud依赖管理 <dependencies> <depen ...

  3. Codeforces Round #411 (Div. 2) C. Find Amir

    C. Find Amir time limit per test   1 second memory limit per test   256 megabytes   A few years ago ...

  4. Codeforces Round #413 A. Carrot Cakes

    A. Carrot Cakes time limit per test   1 second memory limit per test   256 megabytes   In some game ...

  5. ES6入门——let和const命令

    let和const命令 1.let命令 用法:类似于var,用来声明一个变量,区别是所声明的变量只在let命令所在的代码块内有效. let命令很适合用在for循环的计数器中,因为let声明的变量仅在作 ...

  6. incast.tcl

    # Basic Incast Simulation # Check Args if {$argc != 5} { puts "Usage: ns incast <srv_num> ...

  7. sql server 获取表结构和记录数

    表结构 then d.name else null end) 表名, a.colorder 字段序号,a.name 字段名, ( then '√'else '' end) 标识, (case when ...

  8. python filter&sorted

    filter filter()接收一个函数和一个序列和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是True还是False决定保留还是丢弃该元素在一个list中, ...

  9. 设置C++ cout输出精度

    cout.precision(5); 数字表示小数点位数 // modify precision #include <iostream> // std::cout, std::ios in ...

  10. dedecms Ajax异步获取文章列表

    dedecms如何通过ajax(异步)动态获取文章列表数据. 第一步添加:服务端(PHP)代码 打开plus目录下面的list.php文件,在12行代码下面添加以下代码: if(isset($_GET ...