使用js代码将HTML Table导出为Excel
2024-05-14 08:58:14
使用js代码将HTML Table导出为Excel的方法：
直接上源码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript">var idTmr;function getExplorer() {var explorer = window.navigator.userAgent ;//ie if (explorer.indexOf("MSIE") >= 0) {return 'ie';}//firefox else if (explorer.indexOf("Firefox") >= 0) {return 'Firefox';}//Chromeelse if(explorer.indexOf("Chrome") >= 0){return 'Chrome';}//Operaelse if(explorer.indexOf("Opera") >= 0){return 'Opera';}//Safarielse if(explorer.indexOf("Safari") >= 0){return 'Safari';}}function method1(tableid) {//整个表格拷贝到EXCEL中if(getExplorer()=='ie'){var curTbl = document.getElementById(tableid);var oXL = new ActiveXObject("Excel.Application");//创建AX对象excel var oWB = oXL.Workbooks.Add();//获取workbook对象 var xlsheet = oWB.Worksheets(1);//激活当前sheet var sel = document.body.createTextRange();sel.moveToElementText(curTbl);//把表格中的内容移到TextRange中 sel.select();//全选TextRange中内容 sel.execCommand("Copy");//复制TextRange中内容 xlsheet.Paste();//粘贴到活动的EXCEL中 oXL.Visible = true;//设置excel可见属性try {var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");} catch (e) {print("Nested catch caught " + e);} finally {oWB.SaveAs(fname);oWB.Close(savechanges = false);//xls.visible = false;oXL.Quit();oXL = null;//结束excel进程，退出完成//window.setInterval("Cleanup();",1);idTmr = window.setInterval("Cleanup();", 1);}}else{tableToExcel(tableid)}}function Cleanup() {window.clearInterval(idTmr);CollectGarbage();}var tableToExcel = (function() {var uri = 'data:application/vnd.ms-excel;base64,',template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><meta http-equiv="Content-Type" charset=utf-8"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },format = function(s, c) {return s.replace(/{(\w+)}/g,function(m, p) { return c[p]; }) }return function(table, name) {if (!table.nodeType) table = document.getElementById(table)var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}window.location.href = uri + base64(format(template, ctx))}})()
</script></head>
<body>
<table width="100%" cellspacing="0" cellpadding="0" border="1px" bgcolor="#fff" align="center" id="test"><tr><th width="10%">调查案例</th><th width="10%">公司名称</th><th width="10%">地 址</th><th width="5%">部门</th><th width="5%">联系人</th><th width="10%">联系方式</th><th width="20%">具體情况</th><th width="20%">问券填写</th> <th width="10%">提交时间</th> </tr>
</table>
<input id="Button1" type="button" value="导出EXCEL" οnclick="javascript:method1('test')" style="padding:5px;margin-top:20px;"/>
</body>
</html>
-完-
转载于:https://www.cnblogs.com/colinliu/p/tabletoexcel.html
使用js代码将HTML Table导出为Excel相关推荐
- vue项目+xlsx+xlsx-style 实现table导出为excel的功能——技能提升
vue项目+xlsx+xlsx-style 实现table导出为excel的功能 最近遇到一个需求,后端提供一组数据,根据这组数据,导出为一个excel表格. 步骤如下: 1. 导出内容的预览如下:包 ...
- 如何将html表格导出到excel,html 页面导出到excel表格数据类型-如何将html里面的table导出成excel...
怎么把html导出到excel表格 1先,我们打开要转换成THML的表格文件.下是我用的WPS2019版截图,EXCEL软件操作上差不多 2.接下来,点击左上角的[文件] 3.在[文件]菜单里找到并点 ...
- Jquery中使用table2excel插件实现将Html的table导出为Excel(附示例代码和资源下载)
场景 jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件. 效果 在Html中有一个表格 点击导出按钮 将其导出后 注: 博客: htt ...
- html table导出到Excel中，不走后台，js完成
静态表格table <table class="table tableStyles" id="tables"><caption>不正经的 ...
- js 实现网页表格数据导出到Excel表
最近在做一个项目,涉及到导出数据到Excel表格,由于是采用的前后端分离模式开发的,之前常用的方法已经失效,在网上找了一些资料和方法 js文件下载地址 1.是采用的一个插件 xlsx.full.min ...
- C# html的Table导出到Excel中
C#中导出Excel分为两大类.一类是Winform的,一类是Web.今天说的这一种是Web中的一种,把页面上的Table部分导出到Excel中. Table导出Excel,简单点说,分为以下几步: ...
- 直接把页面的table导出到excel表中
前台HTML 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ReLoadL ...
- 将table导出为excel格式文件
html: <table cellpadding="0" cellspacing="0" class="data_table" id= ...
- table导出成excel
今天给大家介绍一款将页面表格直接可以导出成excel的js插件,插件名称为tableExport,原地址为:https://github.com/hhurz/tableExport.jquery.pl ...
最新文章
- 前端：uniapp封装组件用法笔记
- python开发技术文档范文_程序员编写技术文档的新手指南
- JConsole远程配置
- 真正的创业者和伪创业者的区别在哪里？
- redis主从和集群搭建
- Linux 基础入门 04
- java 调用宏_通过java代码实现调用excel当中的宏的操作。
- 分享我的大型Java多用户商城系统开发的心得和困难
- c语言井号花括号怎么打,大括号怎么打,手把手教你word大括号怎么输入
- 打印机接无线共享服务器出现乱码,Ricoh理光复印机网络打印机出乱码的解决办法...
- 如何查询电脑系统和服务器地址,如何查询电脑系统和服务器地址
- 运行shell脚本时报错“[[ : not found“解决方法
- HMMER批量比对及结果处理
- MTK MT6169 2G用户指南参考资料
- Java多级动态导出表格，优化版
- AA和AAA台灯区别大吗？护眼台灯选哪个品牌比较好
- 手把手教你搭建OpenStack云平台（超级详细）
- Cesium 视锥体绘制，并动态更新朝向
- 异步多线程C/S框架gko_pool
- WPF学习 - .NET相关知识