利用js导出成excle表格

最新推荐文章于 2022-09-26 11:03:27 发布
最新推荐文章于 2022-09-26 11:03:27 发布
阅读量82 收藏
点赞数
分类专栏： javascript 文章标签： Excel JavaScript XHTML HTML Web ViewUI

<!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>EB页面导出为EXCEL文档的方法</title>
<script type="text/javascript">
<!--
function saveCode(obj) {
        var winname = window.open('', '_blank', 'top=10000');
        var strHTML = document.all.tableExcel.innerHTML;
        winname.document.open('text/html', 'replace');
        winname.document.writeln(strHTML);
        winname.document.execCommand('saveas','','excel.xls');
        winname.close();
}
-->
</script>
</head>

<body>
<div id="tableExcel">
sgsdhdfjdghjfghkfhjkghjgkhjkf
<table id="test" width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td colspan="5" align="center">WEB页面导出为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>
    <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 colspan="5">FFFGGGHHHIIIJJJ</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 rowspan="4">CCCHHHcccccc</td>
      <td>DDD</td>
      <td>EEE</td>
    </tr>
    <tr>
      <td>FFF</td>
      <td>GGG</td>
      <td>III</td>
      <td>JJJ</td>
    </tr>
    
    <tr>
      <td>aaa</td>
      <td>bbb</td>
      <td>ddd</td>
      <td>eee</td>
    </tr>
    <tr>
      <td>aaa</td>
      <td>bbb</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>
<input type="button" value="另存为 Excel" οnclick="saveCode(tableExcel)">
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(test.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(test.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(test.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(test.outerText);">
</body>
</html>

iteye_6252
关注
专栏目录
js 导出excel（支持大量数据）
11-02
前端导出数据为excel（兼容chrome 和 IE10以上版本），列举了网上常用的两种方法外，新增了可以导出超过5W行数据的方法
JS将表格导出excel
yangyang031213的博客
01-10 636
需要使用activex，如下代码将 score_table 导出，似乎不用指定版本，任意版本的excel都可以导出。function SaveAsExcel() { var objTab=document.getElementById("score_table"); try { var xls = new ActiveXObject("Excel.Applic
JS导出excel表格
qq_31634167的博客
10-15 4424
在系统开发中，经常会遇到要将一个表格数据导出到excel中，刚刚做完，把示例代码共享一下，话不多说直接上代码。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;html 表格导出道&lt;/title
jq导出excal
qq_37109375的博客
06-01 188
&lt;!DOCTYPE html&gt;  &lt;html lang="en"&gt;  &lt;head&gt;      &lt;meta charset="UTF-8"&gt;    &lt;/head&gt;  &lt;body&gt;      &lt;table border="0" cellspacing="0&quo
nodejs将mysql数据库中的数据导出成excel表格文件
08-11
在IT行业中，经常需要将数据库中的数据转换成便于分析和分享的格式，Excel表格就是一种常用的工具。本示例展示了如何使用Node.js实现这一功能，特别是针对MySQL数据库。以下是关于这个主题的详细知识： 首先，我们...
js导出Excel表格超出26位英文字符的解决方法ES6
10-19
在处理JavaScript导出Excel表格的过程中，开发者们经常会遇到一些特有的技术挑战。例如，在某些情况下，导出的数据会涉及到超出26位英文字符的字段，这可能会影响到Excel表格中列的显示与格式。本文提供了使用ES6...
使用js导出带样式的excel表格
12-25
总的来说，使用JavaScript导出带样式的Excel表格涉及了对数据的组织、样式定义以及文件生成等多个环节。通过SheetJS库，我们可以轻松地实现这一功能，提供给用户高质量的导出体验。在实际项目中，还可以根据需求进行...
JavaScript将页面表格导出为Excel的具体实现
10-26
导出Excel <script type="text/javascript"> var idTmr = ""; function killExcelProcess(appExcel_){ appExcel_.Quit(); appExcel_ = null; idTmr = window.setInterval("Cleanup();",1); } // 导出到Excel，...
js网页表格导出excel文件代码
07-24
总结来说，JavaScript网页表格导出Excel文件的核心技术包括解析HTML表格，生成CSV或使用SheetJS生成.xlsx文件，以及使用FileSaver.js进行文件保存。通过理解这些技术，开发者可以轻松地实现网页表格数据的导出功能，...
js实现由数组导出excel表格文件
weixin_44005989的博客
02-21 6006
js实现由JSON数据导出exce文件 需要的依赖的js文件 xlsx.full.min.js jquery-1.12.4.js HTML代码 &amp;amp;lt;button class=&amp;quot;button1_color&amp;quot; id=&amp;quot;hdInfoDiv&amp;quot; onclick=&amp;quot;exportHx()&amp;quot; style=&amp;quot;dis
js 导出 excel
不懂一休
09-26 1万+
js 导出 excel
JS实现Excel表格数据的导出
weixin_48567214的博客
12-28 9187
vue中实现excel表格的导出
HTML用JS导出Excel的五种方法
热门推荐
悲了伤的老王的博客
12-23 15万+
这五种方法前四种方法只支持IE浏览器，最后一个方法支持当前主流的浏览器（火狐，IE，Chrome，Opera，Safari） html 表格导出道 //第一种方法 function method1(tableid) { var curTbl = document.getElementById(ta
JS导出Excel文件的方式
Timothy的博客
12-03 1919
使用post请求导出Excel文件 js导出Excel文件的方式有哪些： href拼接参数导出(不安全，别人可以通过拼接请求攻击你的数据库等)： window.location.href = URL+拼接所需参数 通过post提交from表单的方式(建议使用该方式): 注意：不要添加iframe，要不然会页面闪烁一下，而且你的代码可能会被漏洞扫描扫出来； postDownLoadFile({ url:url, data:params, global:
js实现一键导出Excel
lwf的博客
12-05 2万+
想要如下页面，一键导出Excel：html：<div class="container"> <table id="backViewTable" class="table table-hover table-sm table2excel"> <tr> <td>#</td> <td>ID</td>
JS及POI将页面数据导出EXCLE文件的几种方法
http531的专栏
07-11 3536
JS实现的三种方法如下： 1、js文件：exportExcel.js //导出方法1:把表格中的内容提取出来，利用IE的另存为.csv的格式。  function getXlsFromTbl(inTblId, inTblContainerId, title, rownumbers) {      try {          var allStr = "";          var
js快速导出excel表格
迟早被注销的博客
08-22 432
[ 个人笔记 ] 目的：在前端做到数据的导出 首先要下载JsonExportExcel.min.js文件并在html引用 然后在js写如下代码，data是需要导出的数据 option.fileName = '导出表excel' option.datas = [{ sheetData: data,//数据 sheetName: '导出表sheet', sheetFi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值