js生成Excel

最新推荐文章于 2024-03-10 14:51:10 发布
最新推荐文章于 2024-03-10 14:51:10 发布
阅读量143 收藏
点赞数
文章标签： Excel Ruby XHTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiatiandedonggua/article/details/83739521
版权
<!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=gb2312" />
<title>生成Excel</title>
<style>
<!--
table
{mso-displayed-decimal-separator:"\.";
mso-displayed-thousand-separator:"\,";}
@page
{margin:1.0in .75in 1.0in .75in;
mso-header-margin:.5in;
mso-footer-margin:.5in;}
tr
{mso-height-source:auto;
mso-ruby-visibility:none;}
col
{mso-width-source:auto;
mso-ruby-visibility:none;}
br
{mso-data-placement:same-cell;}
.style0
{mso-number-format:General;
text-align:general;
vertical-align:middle;
white-space:nowrap;
mso-rotate:0;
mso-background-source:auto;
mso-pattern:auto;
color:windowtext;
font-size:12.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:宋体;
mso-generic-font-family:auto;
mso-font-charset:134;
border:none;
mso-protection:locked visible;
mso-style-name:常规;
mso-style-id:0;}
td
{mso-style-parent:style0;
padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore:padding;
color:windowtext;
font-size:12.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:宋体;
mso-generic-font-family:auto;
mso-font-charset:134;
mso-number-format:General;
text-align:general;
vertical-align:middle;
border:none;
mso-background-source:auto;
mso-pattern:auto;
mso-protection:locked visible;
white-space:nowrap;
mso-rotate:0;}
.xl24
{mso-style-parent:style0;
font-size:24.0pt;
font-family:"Lucida Sans Unicode", sans-serif;
mso-font-charset:0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid black;
border-right:none;
border-bottom:none;
border-left:.5pt solid black;}
.xl25
{mso-style-parent:style0;
font-size:24.0pt;
font-family:"Lucida Sans Unicode", sans-serif;
mso-font-charset:0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid black;
border-right:none;
border-bottom:none;
border-left:none;}
.xl26
{mso-style-parent:style0;
font-size:20.0pt;
font-weight:700;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid black;
border-right:none;
border-bottom:none;
border-left:none;}
.xl27
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid black;
border-right:none;
border-bottom:none;
border-left:none;}
.xl28
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid black;
border-right:.5pt solid black;
border-bottom:none;
border-left:none;}
.xl29
{mso-style-parent:style0;
mso-number-format:"\@";}
.xl30
{mso-style-parent:style0;
font-size:24.0pt;
font-family:"Lucida Sans Unicode", sans-serif;
mso-font-charset:0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:none;
border-left:.5pt solid black;}
.xl31
{mso-style-parent:style0;
font-size:24.0pt;
font-family:"Lucida Sans Unicode", sans-serif;
mso-font-charset:0;
mso-number-format:"\@";
text-align:center;}
.xl32
{mso-style-parent:style0;
font-size:20.0pt;
font-weight:700;
mso-number-format:"\@";
text-align:center;}
.xl33
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;}
.xl34
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid black;
border-bottom:none;
border-left:none;}
.xl35
{mso-style-parent:style0;
font-size:20.0pt;
font-weight:700;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:.5pt solid windowtext;
border-left:none;}
.xl36
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:.5pt solid windowtext;
border-left:none;}
.xl37
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid black;
border-bottom:.5pt solid windowtext;
border-left:none;}
.xl38
{mso-style-parent:style0;
font-size:22.0pt;
font-weight:700;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid windowtext;
border-bottom:none;
border-left:.5pt solid black;
layout-flow:vertical;}
.xl39
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid windowtext;
border-right:none;
border-bottom:none;
border-left:.5pt solid windowtext;
white-space:normal;}
.xl40
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid windowtext;
border-right:.5pt solid windowtext;
border-bottom:none;
border-left:none;
white-space:normal;}
.xl41
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid windowtext;
border-right:none;
border-bottom:none;
border-left:.5pt solid windowtext;}
.xl42
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid windowtext;
border-right:.5pt solid windowtext;
border-bottom:none;
border-left:none;}
.xl43
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:.5pt solid windowtext;
border-right:.5pt solid black;
border-bottom:none;
border-left:none;}
.xl44
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:none;
border-left:.5pt solid windowtext;
white-space:normal;}
.xl45
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid windowtext;
border-bottom:none;
border-left:none;
white-space:normal;}
.xl46
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:none;
border-left:.5pt solid windowtext;}
.xl47
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid windowtext;
border-bottom:none;
border-left:none;}
.xl48
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:.5pt solid windowtext;
border-left:.5pt solid windowtext;
white-space:normal;}
.xl49
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid windowtext;
border-bottom:.5pt solid windowtext;
border-left:none;
white-space:normal;}
.xl50
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:.5pt solid windowtext;
border-left:.5pt solid windowtext;}
.xl51
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid windowtext;
border-bottom:.5pt solid windowtext;
border-left:none;}
.xl52
{mso-style-parent:style0;
font-size:22.0pt;
font-weight:700;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid windowtext;
border-bottom:.5pt solid black;
border-left:.5pt solid black;
layout-flow:vertical;}
.xl53
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:none;
border-bottom:.5pt solid black;
border-left:.5pt solid windowtext;}
.xl54
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid windowtext;
border-bottom:.5pt solid black;
border-left:none;}
.xl55
{mso-style-parent:style0;
mso-number-format:"\@";
text-align:center;
border-top:none;
border-right:.5pt solid black;
border-bottom:.5pt solid black;
border-left:none;}
ruby
{ruby-align:left;}
rt
{color:windowtext;
font-size:9.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:宋体;
mso-generic-font-family:auto;
mso-font-charset:134;
mso-char-type:none;
display:none;}
-->
</style>

<script language="jscript">
function replaceHtml(replacedStr,repStr,endStr){
var replacedStrF = "";
var replacedStrB = "";
var repStrIndex = replacedStr.indexOf(repStr);
while(repStrIndex != -1){
replacedStrF = replacedStr.substring(0,repStrIndex);
replacedStrB = replacedStr.substring(repStrIndex,replacedStr.length);
replacedStrB = replacedStrB.substring(replacedStrB.indexOf(endStr)+1,replacedStrB.length);
replacedStr = replacedStrF + replacedStrB;
repStrIndex = replacedStr.indexOf(repStr);
}
return replacedStr;
}
//elTalbeOut 这个为导出内容的外层表格，主要是设置border之类的样式，elDiv则是整个导出的html部分
function htmlToExcel(elTableOut,elDiv){
try{
//设置导出前的数据，为导出后返回格式而设置
var elDivStrBak = elDiv.innerHTML;
//设置table的border=1，这样到excel中就有表格线 ps:感谢双面提醒
elTableOut.border=1;
//过滤elDiv内容
var elDivStr = elDiv.innerHTML;
elDivStr = replaceHtml(elDivStr,"<A",">");
elDivStr = replaceHtml(elDivStr,"</A",">");
elDiv.innerHTML=elDivStr;

var oRangeRef = document.body.createTextRange();
oRangeRef.moveToElementText( elDiv );
oRangeRef.execCommand("Copy");

//返回格式变换以前的内容
elDiv.innerHTML = elDivStrBak;
//内容数据可能很大，所以赋空
elDivStrBak = "";
elDivStr = "";

var oXL = new ActiveXObject("Excel.Application")
var oWB = oXL.Workbooks.Add ;
var oSheet = oWB.ActiveSheet ;
oSheet.Paste();
oSheet.Cells.NumberFormatLocal = "@";
//oSheet.Columns("D:D").Select
oXL.Selection.ColumnWidth =7
oXL.Visible = true;
oSheet = null;
oWB = null;
appExcel = null;
}catch(e){
alert(e.description)
}
}
</script>
</head>


<body link=blue vlink=purple class=xl29>
<p>
<INPUT type="button" value="导出" id="dcExcel" onClick="htmlToExcel(document.getElementById('elTableOut'),document.getElementById('elDiv'));">
</p>
<div id="elDiv">
<table x:str border=0 cellpadding=0 cellspacing=0 width=915 id="elTableOut" style='border-collapse:
collapse;table-layout:fixed;width:690pt'>
<col class=xl29 width=61 span=15 style='mso-width-source:userset;mso-width-alt:
1952;width:46pt'>
<tr height=19 style='height:14.25pt'>
<td colspan=3 rowspan=3 height=57 class=xl24 width=183 style='height:42.75pt;
width:138pt'>Ebase</td>
<td colspan=9 rowspan=3 class=xl26 width=549 style='border-bottom:.5pt solid black;
width:414pt'>2011年春夏2月浪游法国·法式田园表-梭织</td>
<td colspan=3 rowspan=2 class=xl27 width=183 style='border-right:.5pt solid black;
width:138pt'>　</td>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
<td colspan=3 height=19 class=xl36 style='border-right:.5pt solid black;
height:14.25pt'>2010-年10月18日</td>
</tr>
<tr height=19 style='height:14.25pt'>
<td rowspan=29 height=494 class=xl38 style='border-bottom:.5pt solid black;
height:370.5pt'>斯文系列</td>
<td colspan=2 rowspan=14 class=xl39 width=122 style='border-right:.5pt solid black;
border-bottom:.5pt solid black;width:92pt'>　</td>
<td colspan=2 rowspan=14 class=xl39 width=122 style='border-right:.5pt solid black;
border-bottom:.5pt solid black;width:92pt'>　</td>
<td colspan=2 rowspan=14 class=xl39 width=122 style='border-right:.5pt solid black;
border-bottom:.5pt solid black;width:92pt'>　</td>
<td colspan=2 rowspan=14 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=14 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=14 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=14 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
<td colspan=2 rowspan=15 height=266 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black;height:199.5pt'>　</td>
<td colspan=2 rowspan=15 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=15 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=15 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=15 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=15 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
<td colspan=2 rowspan=15 class=xl41 style='border-right:.5pt solid black;
border-bottom:.5pt solid black'>　</td>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=19 style='height:14.25pt'>
</tr>
<tr height=0 style='display:none'>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
<td width=61 style='width:46pt'></td>
</tr>
</table>

</body>

</html>
xiatiandedonggua
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript生成excel文件
07-23
用javascript脚本生成excel文件的一些基本参数设置
js生成Excel表格
qq_37248792的博客
11-09 937
js生成Excel表格，纯工具js。
Js生成Excel
weixin_41827248的博客
05-12 2085
//Js生成Excel var html = “”+ //这里是要生成的内容 Js表格" + ""; var blob = new Blob([html], { type: "application/vnd.ms-excel" }); //这是点击生成Excel的按钮id var a = document.getElementById("out_excel"); a.href = URL.cre...
JS生成EXCEL
路在远方
12-01 1597
通过JS调用ActiveX来控制Excel自动生成单元格文本，颜色，边框，公式以及统计图表，动态设置数据源等等 基本能实现对Excel或其他Office软件的任意操作，这里只是写一个参考 使用IE浏览器运行 ，是不是感觉电脑跟中病毒了一样，嘿嘿！   &lt;!doctype html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; ...
nodejs生成excel
qq_28374415的博客
12-08 164
【代码】nodejs生成excel。
使用javascript生成Excel表格（内含实例demo），可下载xlsx.core.min.js、excel.js包
weixin_43847799的博客
09-29 7751
分享一个我的小demo：GuitHub ExcelDownload 实例下载（布局简陋，随便看看就行），喜欢就给个star，哈哈 一、生成excel表格的原理 打蛇打七寸，擒贼先擒王。通过标题就可以知道，想要通过js生成excel表格，首先就要绘制表格。 在这里，可以利用Html中的<table>标签来绘制我们所需要的excel表格样式布局。 <table id="tb" bo...
ExcelJS导出Excel
m0_61900811的博客
01-10 869
第一步，（node如果是14版本，请装4.3.0的ExcelJS，还有file-saver插件要装，里面有个saveAs方法是导出）传入exportXlsx方法 rowall是表格数据。需求场景：要根据用户选择A3导出或者A4导出。新建exportExcel.js文件。以下代码是根据参考文章改写的代码。
js利用sheetjs生成excel并导出
QingHan_wow的博客
11-11 1987
下载sheet.js github官方地址 : https://github.com/SheetJS/js-xlsx 依赖js function openDownloadDialog(url, saveName) { if (typeof url == 'object' && url instanceof Blob) { url = URL.createObjectURL(url); // 创建blob地址
node.js生成Excel文件 使用node-xlsx
weixin_41801490的博客
12-31 4869
node.js生成Excel文件 简介 尝试使用excel-export以及excel-export-next没有成功，转为使用node-xlsx成功生成Excel 从接到需求开始查询可用的库 好多博客建议excel-export易用性高，上手简单 但是我在使用中出现莫名问题，无奈放弃，转用node-xlsx 下面说一下使用过程及成功示例代码 excel-export github地址 https...
exceljs解析和生成excel文件
qq_42372534的博客
03-10 506
【代码】exceljs解析和生成excel文件。
前端js生成并导出Excel文件
Long_gone的博客
10-20 6013
不用调接口，全由js就可完成Excel文件的生成和导出，示例如下：
javascript 生成excel.doc
06-09
javascript 生成excel
Javascript 实现 Excel 导入生成图表功能
10-17
主要介绍了Javascript 实现 Excel 导入生成图表功能，本文通过实例代码讲解给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
js生成excel样式文件xlsx.full.min.js
08-09
js生成excel和设置样式文件xlsx.full.min.js，需要的人自然会懂，需要的人自然会懂，需要的人自然会懂，需要的人自然会懂，需要的人自然会懂。
javascript操作excel生成报表示例
10-25
最近做一个项目,用到javascript操纵excel以生成报表,下面是标有详细注解的实例
基于Java的消息中间件java操作demo.zip
05-08
消息中间件java操作demo 提供activeMq的 java实现，和两种模式：点对点、发布和订阅 直接clone下来，导入maven项目启动test包下的 Client.java
基于 Python 的波士顿房价数据集
05-08
波士顿房价数据集 波士顿房价数据集 目的：通过分析十三个房屋特征与房价的关系，同时建立模型进行房价预测 波士顿房价指标与房价的关系 CRIM：城镇人均犯罪率——负相关占比 ZN：住宅用地所占比例——无单个特征 INDUS：城镇中非住宅用地所占比例——负相关 CHAS：虚拟变量，用于回归分析——无单个特征 NOX：环保指数——无单个特征 RM：每栋住宅的房间数——正相关 AGE：1940年以前建成的自住单位的比例——无单个特征 DIS：距离5个波士顿的就业中心的加权距离——无单个特征 RAD：距离高速公路的便利指数——无单个特征 TAX：每一万美元的不动产税率——无单个特征 PTRATIO：城镇中教师学生比例——无单个特征 B：城镇中黑人的比例——无单个特征 LSTAT：地区中多少房东属于低收入人群——负相关 MEDV：自主房屋房价中位数（标签数据）——房价中位数
优秀毕业设计 基于STM32单片机的家庭智能安全系统源码+详细文档+全部数据资料.zip
05-08
【资源说明】 优秀毕业设计 基于STM32单片机的家庭智能安全系统源码+详细文档+全部数据资料.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
基于python U2Net 深度学习的证件照生成.zip
最新发布
05-08
基于python U2Net 深度学习的证件照生成.zip
js 生成Excel
05-31
在JavaScript中，您可以使用SheetJS库来生成Excel文件。以下是一些示例代码，演示如何使用SheetJS库创建和写入Excel文件。 1. 引入SheetJS库 ```html ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值