`

JavaScript实现页面内容导出为Excel

    博客分类:
  • JS
阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>页面导出为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>

分享到:
评论
1 楼 magic_wz 2011-10-27  
貌似不太好用呀

相关推荐

    用js实现打印和导出为Excel

    同样,在网页中实现导出为Excel可以使用POI实现,但如果我们只是需要对当前页面的指定区域作导出,可以使用JavaScript实现。下面是一个简单的示例代码: ```javascript function saveAsExcel(HeadName, DivName) { ...

    网页形式导出成excel

    总结起来,将网页表格导出为Excel涉及HTML解析、JavaScript编程、数据结构转换以及文件操作等技术,使用合适的库可以简化这一过程,但同时也需要关注兼容性、样式保留和用户隐私等问题。在实际开发中,根据项目需求...

    基于JavaScript的JSP页面数据导出Excel.pdf

    基于JavaScript的JSP页面数据导出Excel是指通过JavaScript技术实现JSP页面数据导出到Excel文件中的过程。该技术可以满足用户对报表的需求,提供了一个实用的解决方案。 知识点一:JavaScript概述 JavaScript是一种...

    easyui+数据导出为Excel

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

    javascript实现页面导出word_and_excel举例

    在网页开发中,有时我们需要提供将页面内容导出为Word或Excel文档的功能,这在数据管理、报告生成或用户下载需求中非常常见。JavaScript作为客户端脚本语言,可以通过一些库和API来实现这一功能。本示例将详细介绍...

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

    在JavaScript和HTML中导出内容至Excel是一种常见的需求,尤其在数据分析、报表生成等领域。由于浏览器之间的兼容性差异,实现这一功能需要采取不同的策略。本文将深入探讨如何使用JavaScript和HTML来实现一个兼容...

    用javascript实现把表格内容导出到excel和把excel里面内容导入表格的方法.docx

    本文将探讨如何使用JavaScript实现将表格内容导出到Excel以及从Excel导入表格的功能。 首先,我们要了解如何使用JavaScript将Excel内容导入表格。这个过程涉及到ActiveXObject,这是一个仅在Internet Explorer中...

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

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

    html-export-Excel.rar_EXCEL导出_excel_export-excel.js_html excel_j

    导出Excel示例 &lt;script src="excel-export-excel.js"&gt; &lt;!-- 表格内容 --&gt; ()"&gt;导出到Excel function exportTable() { var table = document.getElementById('myTable'); // 调用库的API进行导出 ...

    asp.net+Ajax实现Excel文件导出

    本篇文章将详细讲解如何利用ASP.NET与Ajax技术实现在Web应用中导出Excel文件。 首先,ASP.NET是Microsoft开发的一个用于构建动态网站、Web应用程序和服务的框架。它基于.NET Framework,提供了丰富的服务器控件、...

    用javascript实现把表格内容导出到excel和把excel里面内容导入表格的方法归类.pdf

    在JavaScript中,我们可以实现将HTML表格的内容导出到Excel文件,以及从Excel文件导入到HTML表格的功能。这两种操作对于数据的交互和管理非常有用,尤其是在客户端没有安装Excel软件的环境中。 首先,我们来看如何...

    js 实现打印 导出excel

    在IT领域,特别是Web开发中,使用JavaScript(简称JS)来实现打印功能和导出数据为Excel文件是非常常见的需求。...此外,对于导出Excel的需求,可以考虑使用成熟的第三方库,以减少自定义代码的复杂度和潜在问题。

    lodop导出ExcelDemo

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

    table表格导出为excel

    通过以上介绍,我们可以看出,将table表格导出为excel是网页开发中的一个重要功能,它涉及前端和后端技术,以及对数据处理和用户体验的理解。在实际项目中,开发者需要根据具体需求和环境选择合适的工具和方法来实现...

    javaScript导出word和excel例子

    在JavaScript中,我们可以利用一些库或者API来实现HTML内容导出为Word或Excel文档的功能。这对于数据导出、报告生成或者网页内容下载等场景非常有用。以下是对标题和描述中涉及知识点的详细说明: 1. **JavaScript...

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

    《纯前端实现:Luckysheet在线编辑Excel及文件导入导出详解》 在现代Web应用中,处理Excel数据已经成为一种常见的需求,特别是在数据分析、报表制作等领域。本文将深入探讨一个纯前端解决方案——Luckysheet,它...

    h5 列表导出为excel

    在IT领域,尤其是在Web开发中,常常需要将HTML5(H5)页面中的表格数据导出为Excel格式,以便用户可以方便地存储、编辑或分享数据。"h5 列表导出为excel"这个话题涉及到的技术点主要包括HTML5、JavaScript、CSS以及...

    ext实现导出excel的功能。

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

    layui数据表格导出Excel插件

    layui数据表格导出Excel插件是一款为layui框架设计的实用工具,它允许用户方便地将layui数据表格中的数据导出到Excel文件中。layui是一款轻量级的前端UI框架,以其简洁、优雅的代码风格和丰富的组件库深受开发者喜爱...

    JSP页面导出EXCEL简单方法

    在IT行业中,尤其是在Web开发领域,常常需要将网页上的数据导出为Excel格式,以便用户进行下载和进一步处理。本文将详细介绍如何使用JSP(JavaServer Pages)来实现这一功能,特别是针对页面上的HTML表格数据。 ...

Global site tag (gtag.js) - Google Analytics