js html table 转excel

最新推荐文章于 2024-08-24 10:01:39 发布
最新推荐文章于 2024-08-24 10:01:39 发布
阅读量2.3k 收藏 5
点赞数 1
分类专栏： js 前端
js 同时被 2 个专栏收录
1 篇文章 0 订阅
订阅专栏
前端
1 篇文章 0 订阅
订阅专栏

 第一种方法

<!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>

 

第二种方法

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>html 表格导出</title>
<script language="JavaScript" type="text/javascript">
//第一种方法
function method1(tableid) {

var curTbl = document.getElementById(tableid);
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var sel = document.body.createTextRange();
sel.moveToElementText(curTbl);
sel.select();
sel.execCommand("Copy");
oSheet.Paste();
oXL.Visible = true;

}
//第二种方法
function method2(tableid)
{

var curTbl = document.getElementById(tableid);
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var Lenr = curTbl.rows.length;
for (i = 0; i < Lenr; i++)
{ var Lenc = curTbl.rows(i).cells.length;
for (j = 0; j < Lenc; j++)
{
oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;

}

}
oXL.Visible = true;
}
//第三种方法
function getXlsFromTbl(inTblId, inWindow){

try {
var allStr = "";
var curStr = "";
if (inTblId != null && inTblId != "" && inTblId != "null") {

curStr = getTblData(inTblId, inWindow);

}
if (curStr != null) {
allStr += curStr;
}

else {

alert("你要导出的表不存在");
return;
}
var fileName = getExcelFileName();
doFileExport(fileName, allStr);

}

catch(e) {

alert("导出发生异常:" + e.name + "->" + e.description + "!");

}

}

function getTblData(inTbl, inWindow) {

var rows = 0;
var tblDocument = document;
if (!!inWindow && inWindow != "") {

if (!document.all(inWindow)) {
return null;
}

else {
tblDocument = eval(inWindow).document;
}

}

var curTbl = tblDocument.getElementById(inTbl);
var outStr = "";
if (curTbl != null) {
for (var j = 0; j < curTbl.rows.length; j++) {
for (var i = 0; i < curTbl.rows[j].cells.length; i++) {

if (i == 0 && rows > 0) {
outStr += " t";
rows -= 1;
}

outStr += curTbl.rows[j].cells[i].innerText + "t";
if (curTbl.rows[j].cells[i].colSpan > 1) {
for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {
outStr += " t";
}
}
if (i == 0) {
if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {
rows = curTbl.rows[j].cells[i].rowSpan - 1;
}
}
}
outStr += "rn";
}
}

else {
outStr = null;
alert(inTbl + "不存在 !");
}
return outStr;
}

function getExcelFileName() {
var d = new Date();
var curYear = d.getYear();
var curMonth = "" + (d.getMonth() + 1);
var curDate = "" + d.getDate();
var curHour = "" + d.getHours();
var curMinute = "" + d.getMinutes();
var curSecond = "" + d.getSeconds();
if (curMonth.length == 1) {
curMonth = "0" + curMonth;
}

if (curDate.length == 1) {
curDate = "0" + curDate;
}

if (curHour.length == 1) {
curHour = "0" + curHour;
}

if (curMinute.length == 1) {
curMinute = "0" + curMinute;
}

if (curSecond.length == 1) {
curSecond = "0" + curSecond;
}
var fileName = "table" + "_" + curYear + curMonth + curDate + "_"
+ curHour + curMinute + curSecond + ".csv";
return fileName;

}

function doFileExport(inName, inStr) {
var xlsWin = null;
if (!!document.all("glbHideFrm")) {
xlsWin = glbHideFrm;
}
else {
var width = 6;
var height = 4;
var openPara = "left=" + (window.screen.width / 2 - width / 2)
+ ",top=" + (window.screen.height / 2 - height / 2)
+ ",scrollbars=no,width=" + width + ",height=" + height;
xlsWin = window.open("", "_blank", openPara);
}
xlsWin.document.write(inStr);
xlsWin.document.close();
xlsWin.document.execCommand('Saveas', true, inName);
xlsWin.close();

}

//第四种
function method4(tableid){

var curTbl = document.getElementById(tableid);
var oXL;
try{
oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel
}catch(e){
alert("无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel，"+"那么请调整IE的安全级别。\n\n具体操作：\n\n"+"工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");
return false;
}
var oWB = oXL.Workbooks.Add(); //获取workbook对象
var oSheet = oWB.ActiveSheet;//激活当前sheet
var sel = document.body.createTextRange();
sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中
sel.select(); //全选TextRange中内容
sel.execCommand("Copy");//复制TextRange中内容
oSheet.Paste();//粘贴到活动的EXCEL中
oXL.Visible = true; //设置excel可见属性
var fname = oXL.Application.GetSaveAsFilename("将table导出到excel.xls", "Excel Spreadsheets (*.xls), *.xls");
oWB.SaveAs(fname);
oWB.Close();
oXL.Quit();
}


//第五种方法
//报表打印
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 method(tableid,name,filename) {
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");
//var fname="hfjdshauiwe";
} 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,name,filename);
}
}
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, filename) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}

document.getElementById("dlink").href = uri + base64(format(template, ctx));
document.getElementById("dlink").download = filename;
document.getElementById("dlink").click();
}
})()


</script>
</head>
<body>

<div >
<button type="button" onclick="method1('tableExcel')">导出Excel方法一</button>
<button type="button" onclick="method2('tableExcel')">导出Excel方法二</button>
<button type="button" onclick="getXlsFromTbl('tableExcel','myDiv')">导出Excel方法三</button>
<button type="button" onclick="method4('tableExcel')">导出Excel方法四</button>
<a id="dlink" style="display:none;"></a>
<button onclick="method('tableExcel','name','监测点记录汇总.xls')" value="Export to Excel" style="background:#f1c40f;color:#34495e;">导出excel数据</button>
</div>
<div id="myDiv">
<table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5" align="center">html 表格导出道Excel</td>
</tr>
<tr>
<td>列标题1</td>
<td>列标题2</td>
<td>类标题3</td>
<td>列标题4</td>
<td>列标题5</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
<td>eee</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td>III</td>
<td>JJJ</td>
</tr>
</table>
</div>
</body>
</html>

 

第一种方法在我的环境下是不会出现中文乱码问题

第二种方法是会出现中文乱码

I小屁孩T
关注
专栏目录
html页面表格导出excel（原生js浏览器全兼容）
09-10
如果后台不提供导出excel表格的接口，那么我们js有自己的方法可以支持。操作简单，可封装。完全抛弃后台，自己展示，自己导出，非常实用，资源内包含demo，一目了然。（原生js浏览器全兼容）
table转Excel，可导出图片，亲测有效
12-17
javascript代码可以将HTML的table表格转换成excel表格。var table = document.getElementById("table")[removed]; export2Excel(table, '导出.xls');
js导出HTML的Table到Excel中
weixin_33924770的博客
03-21 149
  数据报表作为企事业单位上报和下达的重要信息载体，随着信息化建设的不断推进，在实际的工作中得到了前所未有的应用。因此，数据报表已经成为管理信息系统中重要的一项功能，并且，由于数据的多样性和统计信息的增加，数据报表的系统实现变得越来越复杂。    Microsoft Excel 软件具有十分强大的制表、表格计算等功能，是普通人员常用的制表工具。因此Excel在众多企业中的应用十分广泛。当企业进行...
ReactHTMLTableToExcel 使用教程
最新发布
gitblog_00724的博客
08-24 763
ReactHTMLTableToExcel 使用教程 ReactHTMLTableToExcelConvert HTML table to Excel file and download项目地址:https://gitcode.com/gh_mirrors/re/ReactHTMLTableToExcel 项目介绍 ReactHTMLTableToExcel 是一个用于将 HTML 表格转换为 ...
使用JavaScript将Html table导出Excel
热门推荐
小笼包不是包的博客
01-17 2万+
Excel导出的话，因为纯前端导出，IE有工具会提示安全问题，但是仅限IE。谁叫Office是IE的兄弟呢。 一、纯前端（原理是利用Excel可以打开HTML格式，改了后缀。不是真正意义上的Excel文件） 1、纯JS（兼容性有问题，谷歌可用） 介绍：基本没有配置，不能导出表格的格式。具体样式可以去工具包里面看修改，兼容性有毛病。仅供参考，不建议使用。 一行代码即可：ExcelUtils.
table表格转Excel
weixin_50655808的博客
06-21 413
我定义的js文件为table.js 下面的html中引入 $(document).ready(function () { var base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }; var format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }); };
HTML通过JS将Table导出为Excel表格
学习啊~~~~~~~~~
06-27 744
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html 表格导出道</title> <script language="JavaScript" type="text/javascript"> ...
js操作table导出excel
05-27
在JavaScript开发中，有时我们需要将HTML表格的数据导出为Excel文件，以便用户可以方便地存储和处理数据。本文将深入探讨如何使用JavaScript、jQuery和HTML来实现这一功能，特别是通过JavaScript操作HTML表格来生成...
jquery.table2excel.js（用于table导出Excel文件）
01-11
1. **引入插件**：在HTML文件中，添加对`jquery.table2excel.js`的引用。通常，这需要放置在`<head>`标签或者`<body>`标签底部的`<script>`标签内。 ```html <script src="path/to/jquery.js"> ...
前台js将table转为Excel表格下载.rar
02-18
"前台js将table转为Excel表格下载.rar"这个压缩包文件提供了一个解决方案，利用JavaScript在前端将HTML表格转换成Excel文件供用户下载。下面我们将详细探讨这个过程涉及的技术和知识点。 1. JavaScript（JS）：...
table2excel.js
12-31
前端table 标签导出成excel
html表格转换成excel表
11-08
指定含表格的html文件，转换出对应的excel表。
js将html中table导出Excel，CVS格式
07-28
js将html中table导出Excel，CVS格式
jquery可以将转excel的插件
11-04
使用方法： $(function() { $("#btn").click(function(){ $(".table2excel").table2excel({ exclude: ".noExl", name: "Excel Document Name", filename: "myFileName", exclude_img: true, exclude_links: true, exclude_inputs: true }); }); });
jsreport-html-to-xlsx：能够将html转换为excel的jsreport配方
02-18
jsreport-html-to-xlsx jsreport食谱能够将html转换为excel 参见 安装 npm安装jsreport-html-to-xlsx 用法 要将recipe用于模板渲染，请在渲染请求中设置template.recipe=html-to-xlsx 。 { template : { content : '...' , recipe : 'html-to-xlsx' , enginne : '...' } } jsreport-core 您也可以手动将此扩展名应用于 var jsreport = require ( 'jsreport-core' ) ( ) jsreport . use ( require ( 'jsreport-html-to-xlsx' ) ( ) )
基于jquery,将table表格转化成excel表格，并提供下载功能
05-03
基于jquery,将table表格转化成excel表格，并提供下载功能,避免后台复杂excel代码书写，可将数据放到前段形成table表格，并用此文件直接转化形成excel,并且下载
table表格转Excel 表格
qq_38579468的博客
01-29 442
package com.feima.xxhglcaseservice.service; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.util.ArrayList; import java.util.List; import com.feim...
js导出html-table到Excel并支持Excel的函数
代码笔记
10-18 319
关于js导出table到excel请看: 纯js实现，导出动态生成的TABLE到EXCEL文件并下载_代码笔记-CSDN博客 修改jquery.table2excel.js让他导出Excel支持css样式_代码笔记-CSDN博客 这里就不再解释了..... 这里说一下导出带EXCEL函数的Table.... 主要代码,<td></td>内就是Excle的公式,65536代表EXCEL的最大行: <tr> ...
用js将HTML的Table导出为Excel（可自定义：表格样式+Excel名称）
netuser1937的博客
02-11 1万+
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;script type="text/javascript" language="javascript"&gt; var idTmr;
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值