`
guochongcan
  • 浏览: 326841 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript实现导出为Excel

阅读更多
JavaScript实现导出为Excel
用js实现导出页面中的table成excel,网上相关的很多,但是大都多直接用excel打开,需要用户自己另存的,而这段js是直接选择另存为excel,刚好是我需要的,(不合适页面有分页的)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>EB页面导出为EXCEL文档的方法</title>
<script type="text/javascript">
<!-- download
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"> 
<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" onclick="saveCode(tableExcel)">
</body>
</html>
分享到:
评论

相关推荐

    用js实现打印和导出为Excel

    "使用JavaScript实现打印和导出为Excel" 在本文中,我们将讨论如何使用JavaScript实现打印和导出为Excel。我们将从基本概念开始,逐步深入到实现细节。 JavaScript实现打印 在网页中实现打印可以使用控件实现,但...

    JavaScript 实现 Excel数据导出 支持多个Sheet页导出

    本文将深入探讨如何使用纯JavaScript实现JSON格式数据到Excel文件的导出,同时支持多个Sheet页的导出。这个功能对于前端开发者来说,能够极大地提升用户体验,特别是在数据管理、分析和分享场景下。 首先,我们要...

    js 实现 用JavaScript导出图像到Excel

    js 实现 用JavaScript导出图像到Excel! 值得下载看看!资源免费,大家分享!!

    easyui+数据导出为Excel

    SheetJS提供了强大的API,允许我们在前端创建、修改和导出Excel文件。 以下是使用EasyUI和SheetJS实现数据导出的基本步骤: 1. 引入必要的资源:确保在HTML页面中引入EasyUI的CSS和JS文件,以及SheetJS的xlsx.full...

    JavaScript行代码实现导出成Excel

    使用JAVASCRIPT将数据导入EXCEL!

    HTML用JS导出Excel的五种方法.javascript导出excel的5种方法

    导出Excel文件时,需要创建一个工作表对象,然后加入到工作簿中,最后将其转换为二进制数据并下载。 ```javascript // 安装js-xlsx npm install xlsx import * as XLSX from 'xlsx'; function exportToExcel(data...

    javascript导出Excel

    javascript导出Excel

    ext实现导出excel的功能。

    在EXTJS这个强大的JavaScript框架中,实现导出Excel功能是一项常见的需求。EXTJS提供了一种高效的方法来将数据导出到Excel格式,使得用户能够方便地处理和分析数据。在这个场景下,我们可以从以下几个关键知识点入手...

    javaScript导出word和excel例子

    对于导出Excel文件,可以使用xlsx-js(也称为SheetJS)库。这个库提供了一套API来处理电子表格数据,包括读取、写入和操作CSV、XLSX等格式的文件。 6. **示例代码流程**: - 首先,获取HTML内容,可能需要对HTML...

    纯JavaScript导出Excel

    "纯JavaScript导出Excel"的功能正是解决这个问题的一种方法,它允许开发者在不依赖任何后端服务或第三方库的情况下,直接在浏览器端将JSON格式的数据转换为可下载的Excel文件。这种技术对于那些对服务器交互有限制...

    table表格导出为excel

    - 使用JavaScript库:例如,`jsPDF`和`html2canvas`结合可以实现表格的截图并转化为PDF,然后可以手动保存为Excel。`sheetJS`(也称为`XLSX.js`)则可以直接将HTML表格转换为XLSX格式,支持更多的Excel特性。 - ...

    JavaScript直接导出或导入Excel,Word

    JavaScript直接导出或导入Excel,Word

    h5 列表导出为excel

    "h5 列表导出为excel"这个话题涉及到的技术点主要包括HTML5、JavaScript、CSS以及可能的后端支持。 首先,HTML5的`&lt;table&gt;`元素是用于展示结构化数据的标准方式,它允许我们创建具有行、列的表格。在设计时,可以...

    纯前端:luckysheet在线编辑Excel导出,Excel文件导入

    反之,编辑后的数据也可以导出为Excel文件,方便用户在离线环境下继续处理。这一特性使得Luckysheet能够无缝地与其他Excel工具集成,扩大了其应用场景。 在实际运行时,项目只需要在浏览器中打开index.html文件即可...

    Javascript导出Excel,自动合并单元格、自动列宽、有进度条

    js导出execl,自动合并单元格,自动增行,增列

    JavaScript HTML内容导出Excel兼容所有浏览器

    本文将深入探讨如何使用JavaScript和HTML来实现一个兼容所有浏览器的Excel导出功能。 首先,我们要理解IE浏览器和其他现代浏览器的区别。在IE浏览器中,由于其安全机制,我们不能直接生成Excel文件,而是需要将内容...

    cognos 自定义导出PDF和Excel.doc

    - `expExcel()` 和 `expPDF()`:这两个函数分别负责导出Excel和PDF格式。它们首先调用`getObjectName()`函数获取报表对象名,然后使用`eval()`函数执行相应的导出命令。 示例代码如下: ```javascript ...

    SpringBootMybatis+poi+Thymeleaf实现excel文件数据导入到数据库以及从数据库将数据导出成excel.zip

    在本项目中,"SpringBootMybatis+poi+Thymeleaf实现excel文件数据导入到数据库以及从数据库将数据导出成excel.zip",我们主要关注的是如何利用Java技术栈来处理Excel文件,并与数据库进行交互。以下是相关知识点的...

    lodop导出ExcelDemo

    【lodop导出ExcelDemo】是一个基于LODOP技术实现的JavaScript示例,它展示了如何通过LODOP组件将网页中的数据导出为Excel文件。这个功能在许多Web应用程序中非常实用,允许用户方便地保存和处理数据。下面将详细阐述...

Global site tag (gtag.js) - Google Analytics