<!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. 《零成本实现Web自动化测试--基于Selenium》 第五章 Selenium-RC

    一. 简介 Selenium-RC可以适应更复杂的自动化测试需求,而不仅仅是简单的浏览器操作和线性执行.Selenium-RC能够充分利用编程语言来构建更复杂的自动化测试案例,例如读写文件.查询数据库 ...

  2. jQuery mobile 核心功能

    原文地址:http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/about/features.html 基于 jQuery 核心,使用和jQue ...

  3. [LeetCode]Linked List Cycle II解法学习

    问题描述如下: Given a linked list, return the node where the cycle begins. If there is no cycle, return nu ...

  4. Magento输入正确的登陆名和密码无法进入后台

    请找到 这个文件夹: app\code\core\Mage\Core\Model\Session\Abstract 然后修改Varien.php这个文件: 找到代码(大约88行): $cookiePa ...

  5. php获取post中的json数据的实现方法

    最近用到腾讯微博与PHP交互,腾讯把json数据post给PHP(腾讯推送数据时,每条数据是一个json格式的数据包,作为post的数据体(请注意post数据体没有参数,不是key=value形式,整 ...

  6. 你的iOS静态库该减肥了

    我有点震惊,国内的具有极少的有关静态库开发的内容,除了一些简单的如何教你开发,而且是原创还是copy,谁知道呢?细思极恐,不扯那么远了,这里就已切身的爬坑经历提供几个静态库瘦身的方案. 公司最近开发完 ...

  7. PHP+MySQL开发技术详解—学习笔记

    1.      PHP is Hypertext Preproocessor. 2.      Hello World: <?php Echo ‘Hello World!’; ?> 3.  ...

  8. 网站WAF的检测

    [wafw00f]: 项目地址: https://github.com/sandrogauci/wafw00f WAFW00F是识别和指纹Web应用防火墙(WAF)产品,其工作原理是首先通过发送一个正 ...

  9. iOS开发-自动布局和自动旋转

    今天学习自动布局中的自动调整尺寸大小. 一.尺寸分类 尺寸分类是对设备宽高的一种大致分类. 有两种具体的尺寸分类用来表示真机:紧凑(Compact)和标准(Regular).还有第三种分类可以在设计工 ...

  10. JAVA js的escape函数、解析用js encodeURI编码的字符串、utf8转gb2312的函数

    在使用webView时,如果url中参数有中文的话,拦截到的字符串就会类似这样的:http://api.letstar.cn/zq/news.html?id=20&cupName=%E6%B5 ...