【转载】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. Windows API 编程-----Windows NT 环境下禁止任务切换

    函数原型: BOOL WINAPI SystemParametersInfo( _In_ UINT uiAction, _In_ UINT uiParam, _Inout_ PVOID pvParam ...

  2. Codeforces Round #415 (Div. 2) C. Do you want a date?

    C. Do you want a date?   2 seconds 256 megabytes   Leha decided to move to a quiet town Vičkopolis, ...

  3. 【阿里云产品公测】性能测试服务PTS的初步尝试

        性能测试服务PTS,对于像我这样对测试毫无概念的新手来说,这服务真的太好了,使用简单,官方教程又明细,连我这样的新手一看都明白了怎样使用. _%GGl$kH   下面是我来简单尝试一下,更多功 ...

  4. Android Timer和TimerTask

    以下内容根据 The JavaTM Tutorial 和相关API doc翻译整理,以供日后参考: 1.概览 Timer是一种定时器工具,用来在一个后台线程计划执行指定任务.它可以计划执行一个任务一次 ...

  5. Python爬虫教程-23-数据提取-BeautifulSoup4（一）

    Beautiful Soup是python的一个库,最主要的功能是从网页抓取数据,查看文档 https://www.crummy.com/software/BeautifulSoup/bs4/doc. ...

  6. JavaScript中的appendChild（）方法

    appendChild()方法是向节点添加最后一个子节点.也可以使用此方法从一个元素向另一个元素移动元素. 案例一:向节点添加最后一个子节点 <!DOCTYPE html> <htm ...

  7. Jmeter CSV 参数化/检查点/断言

    当参数的值没有规律且量不太大时,可以使用CSV Data set config这种方法. 案例: 应用Sogou自动搜索关键字: 软件开发测试,web功能自动化测试,性能自动化测试,Selenium以 ...

  8. Porting QML Applications to Qt 5

    When porting QML-related code from Qt 4.8 to Qt 5, application developers should be aware that the Q ...

  9. 工作笔记—hibernate之QueryCriteria

    本人用的是sg-uap虚拟环境 //查询方法 //参数 RequestCondition 配合 controller 的 @QueryRequestParam注解可以将前台传入整个对象进行接收 //参 ...

  10. 【Leetcode】【Medium】Find Minimum in Rotated Sorted Array

    Suppose a sorted array is rotated at some pivot unknown to you beforehand. (i.e., 0 1 2 4 5 6 7 migh ...