JavaScript实现页面内容导出为Excel

最新推荐文章于 2024-04-17 15:18:39 发布
最新推荐文章于 2024-04-17 15:18:39 发布
阅读量269 收藏 1
点赞数
分类专栏： JS 文章标签： Excel JavaScript HTML Web ViewUI

<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" οnclick="saveCode(tableExcel)">
</body>
</html>

xa_zbl
关注
专栏目录
JavaScript将页面表格导出为Excel的具体实现
10-26
在本文中，我们将探讨如何使用JavaScript将页面上的表格数据导出为Excel文件，这是一种常见的需求，有助于用户方便地管理和存储网页中的数据。 在实现这个功能时，我们通常依赖于浏览器提供的特定API或库，比如...
jsp导出excel的方法
几度信仰
06-14 1112
在Web应用中，很多数据经常要导出成Excel文档。在要求不高的情况，通过简单的html设置就可以实现将页面数据导出为excel。主要原理是通过html来表示excel数据，然后用excel软件打开。 方式一： （1） 能够导出为excel的jsp页面中最好删除表单元素，值留下纯数据和纯html代码。这样导出的excel格式等相对比较自然。如果有表单元素的话，导出的excel里也会是表...
jsp导出excel
tof
01-15 283
jsp导出excel有两种不同的方式 一种时网页直接导出 另一种是通过开源jar直接操作excel 一.网页导出格式 导出excel按钮直接请求此页面，然后将要导出的值放到request里面即可 //此处必须添加 指定excel格式 &lt;%@ page contentType="application/vnd.ms-excel; charset=UTF-8"%&gt; &lt;...
如何把JSP页面导出到Excel中？
热门推荐
Geek+Maker=？
02-26 2万+
在此，强调一下搜索时关键词的重要性，这样一下子可以定位到文章，否则处于盲人摸象，毫无目的尴尬境地。本篇就是通过export jsp to excel找到的。 原文地址：How to Export Web Page to Excel (in JSP)？ 本篇教程我们会看到如何把JSP页面导出到Excel中，会在已有的JSP页面中增加导出excel的功能。 许多时候对于用户来说，可以在e
jsp导出Excel
Binac二维思索
06-08 954
在开发MIS系统的过程中，客户经常会提出这样的要求：将查询结果导出为Excel文件保存下来。经常是写一次就忘一次，因此决定今天将以前的代码和遇到的问题进行一下总结，下面进入正题。背景：本例的代码来源于我给学校开发的一个奖学金管理系统，使用者在前台设置一组查询条件之后，点击“导出”按钮即可得到Excel文件了。目的：得到一个Excel文件，包括姓名、学号、奖项类别、所在院系、年级、学生类别、
JavaScript将Web页面内容导出到Word及Excel的方法
10-24
在上述标题和描述中，我们关注的是如何利用JavaScript将Web页面内容导出到Microsoft的Word和Excel文档。 在JavaScript中，要实现这种功能，通常需要借助于ActiveXObject，这是一个仅在Internet Explorer浏览器中...
spiderChromeExtension:谷歌小插件 实现页面内容抓取及导出为excel的功能
05-03
kaluliChromeExtension谷歌小插件 实现页面内容抓取及导出为excel的功能数据保存在localStorage中,数据保存为json发送给后台服务，json转化excel是通过node服务实现的，转化成功后会返回一个文件链接。
js实现数据导出为EXCEL（支持大量数据导出）
10-15
总结来说，JavaScript实现数据导出为Excel涉及多种技术，包括DOM操作、CSV生成、Base64编码、以及跨浏览器的兼容性处理。对于大量数据，需要特别关注性能优化，如分块处理和服务器端处理，以提供更好的用户体验。
Jsp 导出Excel，Word文件几种方法
_修铁路的、的博客
06-03 714
1.直接输出table格式 资助项目名称：资助项目名称 流水号：流水号 资助编号： 资助编号 注意：乱码问题，页面保存为utf-8格式 编码格式转换: String s=""; s=new S
JSP 导出Excel表格的实例
01-08
java 后台返回一个ModelAndView 对象，然后加入这2行设置 response.setContentType(application/vnd.ms-excel); response.setHeader(Content-disposition,attachment;filename= + URLEncoder.encode(会员列表.xls, UTF-8)); 也可以把这二行设置放入JSP中 在jsp代码如下： <%@ page language=java import=java.util.* pageEncoding=UTF-8%> <%@ ta
从JSP中导出Excel表格
black_test的专栏
11-18 340
从JSP中导出Excel表格 1、用Excel的Application组件在客户端导出到Excel或Word 　　注意：两个函数中的“data“是网页中要导出的table的 id ＜input type="hidden" name="out_word" onclick="vbscript:buildDoc" value="导出到word" class="notPrint"＞ ...
JSP + SSM 实现对表格数据数据的Excel 导出
qq_65142821的博客
03-13 331
3.1 Controller 层。3.3 serviceImpl层。3.2 service 层。2.2 实现按钮请求。2.1 定义导出按钮。
JavaScript实现导出excel
你退后的地盘
03-15 3582
使用JavaScript可以通过多种方式导出Excel文件，其中一种常用的方法是将数据转换为CSV格式并在浏览器中创建一个下载链接。
JSP-从数据库读取内容,并生成Excel(含全部代码)_在jsp页面通过一个按钮将数据库中的数据导出为excel文件
最新发布
2401_83974607的博客
04-17 756
Python编程学习，学习内容包含：语法、正则、文件、 网络、多线程等常用库，推荐《Python核心编程》，不要看完；在实际的渗透测试过程中，面对复杂多变的网络环境，当常用工具不能满足实际需求的时候，往往需要对现有工具进行扩展，或者编写符合我们要求的工具、自动化脚本，这个时候就需要具备一定的编程能力。在分秒必争的CTF竞赛中，想要高效地使用自制的脚本工具来实现各种目的，更是需要拥有编程能力.恭喜你，如果学到这里，你基本可以从事一份网络安全相关的工作，比如渗透测试、Web 渗透、安全服务、安全分析等岗位；
vue el-table 前端js实现导出数据为Excel
鹤渺的星球
03-20 3493
使用 HTML 表格和 Blob，将数据动态生成为 HTML 表格，然后通过 HTML5 的 Blob 和 URL.createObjectURL 方法来创建一个链接，最后让用户点击链接下载生成的 Excel 文件。虽然不是真正的 Excel 文件，但可以在大多数情况下满足导出需求。
jsp，html导出Excel文档-----纯js
夜空繁星VV
05-27 919
注意这个方法tableToExcel第一个参数是table表格的id，填写自己定义的table的id就行，后面那个data的参数不管 <button type="button" onclick="tableToExcel('item','data')">导出</button> 导出excel文档的demo <html> <head> <meta http-equiv="content-Type" conte.........
JS 将数据保存为 Excel（xls、xlsx）文件，支持单元格样式，合并单元格
卡尔特斯
10-21 4333
最简单的XML格式Excel表格文件 csv、xls、xlsx、文件通过 JavaScript 解析成为 JSON 数据 - DZMFormJson 拷贝放入 JS 文件即可使用方法 /* 需要传入的 data（XMLSheets） 数据格式： [ // ---> sheet(表) 数据 { name: 'Sheet名称', rows: [ // ---> row(行) 数据 [ //..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值