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

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>HTML表格导出到EXCEL</title>

<script type="text/javascript" language="javascript">

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 table2excel(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(tableid)

    }

}

function Cleanup()

{

    window.clearInterval(idTmr);

    CollectGarbage();

}

var tableToExcel = (function ()

{

    var uri = 'data:text/xls;charset=utf-8,\ufeff,',

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

        var downloadLink = document.createElement("a");

        downloadLink.href = uri + format(template, ctx);

        downloadLink.download = '统计.xls';

        document.body.appendChild(downloadLink);

        downloadLink.click();

        document.body.removeChild(downloadLink);

    }

}

)()

</script>

</head>

<body>

  <table id="targetTable" cellpadding="0" cellspacing="0" border="1">

    <tr align="center">

      <th>第一列</th>

      <th>第二列</th>

      <th>第三列</th>

    </tr>

    <tr align="center">

      <td>a</td>

      <td>b</td>

      <td rowspan="2" style="border:0">

        <table width="100%" cellpadding="0" cellspacing="0" border="1">

          <tr>

            <td>1</td>

            <td>2</td>

          </tr>

          <tr>

            <td rowspan="2">3</td>

            <td>4</td>

          </tr>

          <tr>

            <td>5</td>

          </tr>

        </table>

      </td>

    </tr>

    <tr align="center">

      <td>c</td>

      <td>d</td>

    </tr>

  </table>

</br>

<input id="Button1" type="button" value="导出EXCEL" onclick="javascript:table2excel('targetTable')" />

</body>

</html>

将HTML表格导出到EXCEL，兼容Firefox，支持中文的更多相关文章

  1. JS前端将table导出到excel 兼容谷歌 IE 且保留表格样式

    CDSN上博主给我一段代码,可将表格导出为EXCEL文档,原文见: https://blog.csdn.net/zz210891470/article/details/94717644 向博主学习.致 ...

  2. 网站开发进阶(二十五)js如何将html表格导出为excel文件

    js如何将html表格导出为excel文件        赠人玫瑰,手留余香.若您感觉此篇博文对您有用,请花费2秒时间点个赞,您的鼓励是我不断前进的动力,共勉! jsp页面数据导出成excel的方法很 ...

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

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

  4. 使用JavaScript把页面上的表格导出为Excel文件

    如果在页面上展示了一个数据表格,而用户想把这个表格导出为Excel文件,那么在要求不高的情况下,可以不通过服务器生成表格,而是直接利用JavaScript的Blob和Object URL特性将表格导出 ...

  5. JS 将页面上的表格导出为 Excel 文件

    如果在页面上展示了一个表格,想把这个表格导出为Excel文件,那么在要求不高的情况下,可以直接利用 JavaScript 的 Blob 和 Object URL 特性将表格导出.不过,这就是利用了 E ...

  6. 网站开发进阶(三十一)js如何将html表格导出为excel文件(后记)

    js如何将html表格导出为excel文件(后记) 前言 项目前期做了个导出Excel表格的功能,但是经过测试发现只有在IE上才可以正确实现,在Chrome等浏览器中无法实现导出效果.经过上网搜索,尝 ...

  7. vue将表格导出为excel

    vue将表格导出为excel 一:在项目中需要安装2个依赖项,如下命令: npm install --save file-saver xlsx 二:在vue文件中如下使用即可: <templat ...

  8. 表格导出到excel的样式消失该如何修改

    工作中遇到一需求,要将后台的表格导出到excel后的表格样式该如何修改呢? 其实表格导出首先需要了解两个插件:jquery.table2excel.js和tableExport.js 1.第一步,写一 ...

  9. 将表格导出为excel

    <table id="tableExcel" border="1"> <tr> <th>零</th> <t ...

随机推荐

  1. 如何实现CSS居中？–CSS居中常用方法

    来源:http://www.ido321.com/824.html 一.水平居中 1.内联元素居中:相对父级块级元素居中对齐 1: .center-children { 2: text-align: ...

  2. 【Hadoop代码笔记】Hadoop作业提交之JobTracker等相关功能模块初始化

    一.概要描述 本文重点描述在JobTracker一端接收作业.调度作业等几个模块的初始化工作.想过模块的介绍会在其他文章中比较详细的描述.受理作业提交在下一篇文章中会进行描述. 为了表达的尽可能清晰一 ...

  3. POJ1185 - 炮兵阵地(状态压缩DP)

    题目大意 中文的..直接搬过来... 司令部的将军们打算在N*M的网格地图上部署他们的炮兵部队.一个N*M的地图由N行M列组成,地图的每一格可能是山地(用"H" 表示),也可能是平 ...

  4. 打造无DLL版穿透防火墙Downloader

    这份代码的思路来自于国外EES组织的Aphex.基本上所有的无DLL Download都是利用的这种方法.其实也就是用烂了的远程注入法.不过注入的对象不是一个DLL,而是本身的一个过程.下面是代码,由 ...

  5. A Tour of Go Web servers

    Package http serves HTTP requests using any value that implementshttp.Handler: package http type Han ...

  6. php做EXCEL数据导出导入开发的一些小问题

    前两天刚刚做开发CRM系统项目,在做要做EXCEL导出导入功能,因为以前做.NET开发用的是NPOI,但可是没找到PHP版本的,所以就网搜找了个国外的开源PHPEXCEL , 一开始只是做了简单的导入 ...

  7. Java快捷键

    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当 ...

  8. .NET ORM框架（一）

    最近做项目自己整理了一个ORM框架,分享给大家看看,有很多不足望大家指出. 下面是使用方法 BLL 主要方法 逻辑层:子类继承父类, 直接用BASE调用 ManagerBLL 中的方法. public ...

  9. C#下实现软件欢迎界面

    找到几种简约的欢迎界面的制作方法,存此记录. 方法一:双线程,用第二个线程启动欢迎界面 原文:http://www.cnblogs.com/xiaoshatian/archive/2010/09/07 ...

  10. MSSQLSERVER数据库- SP_EXECUTESQL的使用

    EXEC和SP_EXECUTESQL有什么区别呢? 1,它们之间最大的区别是嵌入式的参数,如下面一个语句 declare @sql nvarchar() declare @id varchar() ' ...