js生成excel

最新推荐文章于 2024-07-05 18:01:07 发布
最新推荐文章于 2024-07-05 18:01:07 发布
阅读量379 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoai_911/article/details/8617183
版权

今天整理库存时发现的，这边备份一下；

建议操作文件这种类型的工作能不用js实现就别用js实现；


1、

<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=GBK">   
<meta http-equiv="pragma" content="no-cache">   
<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 = 20  
        oXL.Visible = true;        
        oSheet = null;   
        oWB = null;   
        appExcel = null;   
    }catch(e){   
        alert(e.description)   
    }   
}   
</script>   
<title></title></head>   
  
<body leftmargin="0" topmargin="0">   
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">   
<tr>   
<td height="40" align="center" valign="middle"><INPUT type="button" value="导出" id="dcExcel" onClick="htmlToExcel(document.getElementById('elTableOut'),document.getElementById('elDiv'));"></td>   
  </tr>   
  
</table>   
  
<div id="elDiv">   
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="1" bordercolor="#000000" bgcolor="#000000" id="elTableOut">   
  <tr>   
    <td height="40" align="center" valign="middle" colspan="12" bgcolor="#FFFFFF"><strong>状况汇总表</strong></td>   
  </tr>   
  <tr>   
    <td width="6%" rowspan="2" align="center" bgcolor="#FFFFFF">序号</td>   
    <td width="20%" rowspan="2" align="center" bgcolor="#FFFFFF">a</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">b</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">c</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">d</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">e</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">f</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">g</td>   
    <td height="25" colspan="4" align="center" bgcolor="#FFFFFF">h</td>   
  </tr>   
  <tr>   
    <td width="7%" height="25" align="center" bgcolor="#FFFFFF">i</td>   
    <td width="7%" align="center" bgcolor="#FFFFFF">j</td>   
    <td width="7%" align="center" bgcolor="#FFFFFF">k</td>   
    <td width="7%" align="center" bgcolor="#FFFFFF">l</td>   
  </tr>    
</table>   
</div>   
  
</body>   
</html>  



2、

<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=GBK">   
<meta http-equiv="pragma" content="no-cache">   
<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 = 20  
        oXL.Visible = true;        
        oSheet = null;   
        oWB = null;   
        appExcel = null;  
alert("222"); 
    }catch(e){   
        alert(e.description)   
    }   
}
function copy_file()
{
alert("0");
var fso, f2; 
fso = new ActiveXObject("Scripting.FileSystemObject"); 


// 获取C:\根目录下的文件句柄 
f2 = fso.GetFile("c:\\testfile.txt"); 
alert("1")
// 拷贝文件到\temp目录下 
f2.Copy ("c:\\testfile12.txt"); 
alert("222");
}
</script>   
<title></title></head>   
  
<body leftmargin="0" topmargin="0">   
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">   
<tr>   
<td height="40" align="center" valign="middle"><INPUT type="button" value="导出" id="dcExcel" onClick="copy_file()"></td>   
  </tr>   
  
</table>   
  
<div id="elDiv">   
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="1" bordercolor="#000000" bgcolor="#000000" id="elTableOut">   
  <tr>   
    <td height="40" align="center" valign="middle" colspan="12" bgcolor="#FFFFFF"><strong>状况汇总表</strong></td>   
  </tr>   
  <tr>   
    <td width="6%" rowspan="2" align="center" bgcolor="#FFFFFF">序号</td>   
    <td width="20%" rowspan="2" align="center" bgcolor="#FFFFFF">a</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">b</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">c</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">d</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">e</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">f</td>   
    <td width="7%" rowspan="2" align="center" bgcolor="#FFFFFF">g</td>   
    <td height="25" colspan="4" align="center" bgcolor="#FFFFFF">h</td>   
  </tr>   
  <tr>   
    <td width="7%" height="25" align="center" bgcolor="#FFFFFF">i</td>   
    <td width="7%" align="center" bgcolor="#FFFFFF">j</td>   
    <td width="7%" align="center" bgcolor="#FFFFFF">k</td>   
    <td width="7%" align="center" bgcolor="#FFFFFF">l</td>   
  </tr>    
</table>   
</div>   
  
</body>   
</html>  

羽雅子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js生成pdf、Excel
04-24
js生成pdf、Excel，实现导出pdf无乱码文件，欢迎大家下载
Javascript 实现 Excel 导入生成图表功能
10-17
实现该功能需要使用到第三方JavaScript库，例如jquery.js用于简化DOM操作，xlsx.js用于读取和解析Excel文件，echarts.js用于生成图表。这些库可以通过CDN或npm等方式引入到项目中。 4. Excel文件的读取与解析： ...
JS生成EXCEL
路在远方
12-01 1624
通过JS调用ActiveX来控制Excel自动生成单元格文本，颜色，边框，公式以及统计图表，动态设置数据源等等 基本能实现对Excel或其他Office软件的任意操作，这里只是写一个参考 使用IE浏览器运行 ，是不是感觉电脑跟中病毒了一样，嘿嘿！   &lt;!doctype html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; ...
纯前端操作，JavaScript导出数据为excel文件
最新发布
Salted fish in hand, I have the world.
07-05 882
最近我在进行一些前端小开发，遇到了一个小需求：我想要将数据导出到 Excel 文件，并希望能够封装成一个函数来实现。这个函数需要接收一个二维数组作为参数，数组的第一行是表头。在导出的过程中，要能够确保避免出现中文乱码的情况。另外，考虑到数组中可能包含回车、逗号、换行符等特殊字符，咱们该如何处理这些情况呢？ 解决方案 1...
js生成Excel
xiaozhuanhao的专栏
10-30 636
如果电脑里装的有WORD，可以通过JS新建一个WORD，并把页面文件拷贝进去。 我这有操作Excel的，word的差不多。 function method1(tableid) {//整个表格拷贝到EXCEL中 var curTbl = document.getElementById(tableid); var oXL = new ActiveXObje
js实现导出Excel
weixin_41262999的博客
08-07 213
参考链接 https://www.jb51.net/article/183907.htm 最佳实例 //支持大批量数据导出，目前测试15万行 30列通过，导出时间约为6秒 function toLargerCSV(){ //CSV格式可以自己设定，适用MySQL导入或者excel打开。 //由于Excel单元格对于数字只支持15位，且首位为0会舍弃 建议用 =“数值” var str = '行号,内容,题目,标题\n'; for(let i=0;i<100000;i++){
JavaScript 生成 excel
benben
12-17 361
&lt;html&gt; &lt;head&gt; &lt;title&gt;ddd&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="button" value="button" onclick="createXls()"/&gt; &lt;script langu
javascript 生成excel.doc
06-09
JavaScript 生成 Excel 文档 JavaScript 可以使用 ActiveXObject 来生成 Excel 文档，下面是详细的知识点： 1. 创建 Excel 应用程序对象 使用 `var XLObj = new ActiveXObject("Excel.Application");` 创建 Excel...
javascript生成excel文件
07-23
用javascript脚本生成excel文件的一些基本参数设置
js生成excel样式文件xlsx.full.min.js
08-09
`xlsx.full.min.js`是一个强大的库，它允许开发者在前端生成Excel文件并设置样式，极大地扩展了JavaScript处理Excel数据的能力。这个库的核心是XLSX库，它是一个用于读写电子表格文件（如.xlsx和.xls）的开源...
js生成execl表格
IT菜鸟
06-01 4155
javascript生成execl表格
JS转换成excel
02-09
相关的js积累，javascript代码可以将json转换成excel表格
js实现Excel导出
03-01
最近在做一个项目，涉及到导出数据到Excel表格，由于是采用的前后端分离模式开发的，之前常用的方法已经失效，在网上找了一些资料和方法，已经完成整理，都能正常使用
excel文档生成的js文件
04-25
一个把当前页面生成excel文档的js文件,为发的文章有说明使用
前端js生成并导出Excel文件
Long_gone的博客
10-20 6096
不用调接口，全由js就可完成Excel文件的生成和导出，示例如下：
js 数据生成excel，xlsx.full.min.js的使用
weixin_45253306的博客
03-03 2533
var deviceList = [ ["姓名","性别","年龄"], ["小明","男","23"] ] var sheet = XLSX.utils.aoa_to_sheet(deviceList); openDownloadDialog(sheet2blob(sheet), 'device-user-table.xlsx'); // 下面两个是网上的大神封装的函数 // 将一个sheet转成最终的excel文件的blob对象 function sheet2blob(.
js生成excel文件并下载
这个人很懒，没有博客简介...
06-27 172
第一：导入所需js库。
JavaScript导出图片和数据到Excel
热门推荐
xiaoxiaojie12321的博客
08-17 3万+
以下方法可以利用json数据将图片地址生成图片导出到Excel，同样也可以将数据导出到Excel。解决网上许多方法关于导出图片到Excel却无法让图片在单元格内显示的问题，也解决了各类浏览器兼容问题。话不多少，先上车吧（哈哈） 1、安装依赖 npminstall js-table2excel 2、在页面中引入,并注入数据。栗子 const column = [ { titl...
JS实现把表格数据导出，并生成为excel下载到本地
weixin_45392969的博客
02-24 4743
js成功实现导出excel功能
js 生成Excel
05-31
在JavaScript中，您可以使用SheetJS库来生成Excel文件。以下是一些示例代码，演示如何使用SheetJS库创建和写入Excel文件。 1. 引入SheetJS库 ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.6/xlsx.full.min.js"></script> ``` 2. 创建Excel文件和工作表 ```javascript // 创建一个工作簿 var workbook = XLSX.utils.book_new(); // 创建一个工作表 var sheet = XLSX.utils.aoa_to_sheet([ ["姓名", "年龄", "城市"], ["张三", 20, "北京"], ["李四", 25, "上海"], ["王五", 30, "广州"] ]); // 将工作表添加到工作簿 XLSX.utils.book_append_sheet(workbook, sheet, "Sheet1"); ``` 3. 下载Excel文件 ```javascript // 将工作簿转换为Excel文件 var excelFile = XLSX.write(workbook, { bookType: "xlsx", type: "array" }); // 下载Excel文件 saveAs(new Blob([excelFile], { type: "application/octet-stream" }), "example.xlsx"); ``` 这个例子创建了一个名为“example.xlsx”的Excel文件，并在第一个工作表中写入数据。最后，使用FileSaver.js库下载Excel文件。您可以根据需要调整代码，以满足您的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值