简单的导出表格和将表格下载到桌面上。

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><meta charset="utf-8" /><style>/* 此样式仅用于浏览器页面效果，Excel不会分离表格边框，不需要此样式 */table {border-collapse: collapse;}</style>
</head>
<body><!-- 设置border="1"以显示表格框线 --><table border="1"><!-- caption元素可以生成表标题，其单元格列跨度为表格的列数 --><caption>学生成绩表</caption><tr><!-- 可以使用rowspan和colspan来合并单元格 --><th rowspan="2">编号</th><th rowspan="2">学号</th><th rowspan="2">姓名</th><th rowspan="2">性别</th><th rowspan="2">年龄</th><th colspan="3">成绩</th></tr><tr><th>语文</th><th>数学</th><th>英语</th></tr><tr><td>1</td><td>2016001</td><td>张三</td><td>男</td><td>13</td><td>85</td><td>94</td><td>77</td></tr><tr><td>2</td><td>2016002</td><td>李四</td><td>女</td><td>12</td><td>96</td><td>84</td><td>89</td></tr></table><a>导出表格</a><script>// 使用outerHTML属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>";// 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象var blob = new Blob([html], { type: "application/vnd.ms-excel" });var a = document.getElementsByTagName("a")[0];// 利用URL.createObjectURL()方法为a元素生成blob URLa.href = URL.createObjectURL(blob);// 设置文件名a.download = "学生成绩表.xls";</script>
</body>
</html>

转载于:https://www.cnblogs.com/toughy/p/10978431.html

简单的导出表格和将表格下载到桌面上。相关推荐

java导出数据到excel表格的最简单实现
导出excel整理开发中难免会遇到要导出数据到excel的,网上有很多方法,但是看起来都很复杂的样子,写得又非常多代码,让人望而止步.我做一个简单的导出excel表格功能.这是我在工作上用到的. 1 ...
安卓mysql导出excel_Android开发实现的导出数据库到Excel表格功能【附源码下载】...
本文实例讲述了Android开发实现的导出数据库到Excel表格功能.分享给大家供大家参考,具体如下: 之前一直在电脑上用Excel表格记录家庭帐单,不久前重装系统不小心干掉了,伤心了好久,那可是我记 ...
使用EasyPOI导出复杂的Word表格
在我们日常开发中常常有需求,需要以Word格式导出各种合同信息,收费凭证等问题.格式较为复杂(如下图).我们该怎么解决呢? 下面通过五步带大家学习如何使用EasyPOI导出复杂的Word表格! 文章目 ...
java使用jxl生成excel表格,jsp使用js下载excel文件xls
java使用jxl生成excel表格,jsp使用js下载excel文件后端代码 maven jar包主体代码逻辑引入的jar包具体代码段重点详解表头和表格内容两种格式直接将 HttpSe ...
如何在 Vue 中导出数据至 Excel 表格 - 卡拉云
本文首发:<如何在 Vue 中导出数据至 Excel 表格 - 卡拉云> 我们经常需要在 Vue 搭建的后台管理系统里导出数据到 Excel / CSV ,方便我们将数据共享给其他同学或在 ...
c#使用NPOI批量导出数据到excel表格里
背景我之前是做的Java开发的相关工作,c#开发还是第一次. 公司有这个需求,只好研究一下了. 我接手的是别人开发过两个报表的小玩意,万事开头难,刚开始为了搞清楚这些代码的意思走了不少弯路,下面说说 ...
freemarker模板导出word循环图片表格详细教程
前言:表哥之前已经过一篇freemarker模板导出带表格word详细教程 freemarker模板导出带表格word详细教程_Java大表哥的博客-CSDN博客,为什么现在又要写一篇呢. 因为我这 ...
百度指数常见php框架,怎么导出数据到excel表格-如何将百度指数数据导出到Excel表格...
如何将百度指数数据导出到Excel表格第一步:打开CAD.CAD命令行输入"Li"."选择对象"选需要提取坐标的多段线.回车. 第二步:将CAD文本框中的数据 ...
java POI导出多张图片到表格（占位符方式）
最近做的项目,需要将一些信息导出到word中.在网上找了好多解决方案,现在将这几天的总结分享一下. 目前来看,java导出word大致有6种解决方案: 1:Jacob是Java-COM Bridge的 ...

简单的导出表格和将表格下载到桌面上。

简单的导出表格和将表格下载到桌面上。相关推荐

最新文章

热门文章