Js也导出Excel

教程分享 > WEB技术 > JavaScript (2484) 2024-08-07 11:21:12
Js也导出Excel,能在前台导出的话,将会大大减轻数据库的压力
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
  <title>标题页</title>
  <SCRIPT LANGUAGE="JavaScript">
  function ExportExcel()
  {
  var oXL = new ActiveXObject("Excel.Application"); //创建excel应用程序对象
  var oWB = oXL.Workbooks.Add();        //创建工作簿
  var oSheet = oWB.ActiveSheet;         //获取当前活动的工作簿
  var table = document.all.data;        //获取当前页面中的表格
  var hang = table.rows.length;         //获取表格有多少行
  var lie = table.rows(0).cells.length; //获取首行有多少列-多少标题
  for (i=0;i<hang;i++)               //添加标题到表格中
  {
  for (j=0;j<lie;j++)
  {
  oSheet.Cells(i+1,j+1).Value = table.rows(i).cells(j).innerText;//设置标题的内容
  }
  }
  oXL.Visible = true; //设置Excel的属性
  oXL.UserControl = true;
  }
  </SCRIPT>
  </head>
  <body>
  <input type="button" name="btnExcel" onClick="ExportExcel()" value="导出到excel" class="notPrint">
  <table width="999" height="311" border="0" cellspacing="1" bgcolor="#FFCCFF" id="data">
  <tr>
  <td height="29" bgcolor="#FFFFFF">姓名</td>
  <td bgcolor="#FFFFFF">年龄</td>
  <td bgcolor="#FFFFFF">性别</td>
  <td bgcolor="#FFFFFF">身份证</td>
  <td bgcolor="#FFFFFF">家庭住址</td>
  <td bgcolor="#FFFFFF">毕业院校</td>
  <td bgcolor="#FFFFFF">职位</td>
  <td bgcolor="#FFFFFF">备注</td>
  </tr>
  <tr>
  <td height="26" bgcolor="#FFFFFF">张三</td>
  <td bgcolor="#FFFFFF">23</td>
  <td bgcolor="#FFFFFF">男</td>
  <td bgcolor="#FFFFFF">1235623342334434</td>
  <td bgcolor="#FFFFFF">湖北宜昌</td>
  <td bgcolor="#FFFFFF">清华大学</td>
  <td bgcolor="#FFFFFF">Java软件工程师</td>
  <td bgcolor="#FFFFFF">无</td>
  </tr>
  <tr>
  <td height="29" bgcolor="#FFFFFF">李思</td>
  <td bgcolor="#FFFFFF">22</td>
  <td bgcolor="#FFFFFF">女</td>
  <td bgcolor="#FFFFFF">2342343243243244</td>
  <td bgcolor="#FFFFFF">湖北宜昌</td>
  <td bgcolor="#FFFFFF">北京大学</td>
  <td bgcolor="#FFFFFF">Java软件工程师</td>
  <td bgcolor="#FFFFFF">无</td>
  </tr>
  <tr>
  <td height="29" bgcolor="#FFFFFF">王武</td>
  <td bgcolor="#FFFFFF">23</td>
  <td bgcolor="#FFFFFF">男</td>
  <td bgcolor="#FFFFFF">4234324324324443</td>
  <td bgcolor="#FFFFFF">湖北宜昌</td>
  <td bgcolor="#FFFFFF">清华大学</td>
  <td bgcolor="#FFFFFF">Java软件工程师</td>
  <td bgcolor="#FFFFFF">无</td>
  </tr>
  <tr>
  <td height="29" bgcolor="#FFFFFF">王八</td>
  <td bgcolor="#FFFFFF">21</td>
  <td bgcolor="#FFFFFF">男</td>
  <td bgcolor="#FFFFFF">3435522434324344</td>
  <td bgcolor="#FFFFFF">湖北宜昌</td>
  <td bgcolor="#FFFFFF">清华大学</td>
  <td bgcolor="#FFFFFF">Java软件工程师</td>
  <td bgcolor="#FFFFFF">无</td>
  </tr>
  <tr>
  <td height="29" bgcolor="#FFFFFF">张三丰</td>
  <td bgcolor="#FFFFFF">25</td>
  <td bgcolor="#FFFFFF">男</td>
  <td bgcolor="#FFFFFF">2343545543242434</td>
  <td bgcolor="#FFFFFF">湖北宜昌</td>
  <td bgcolor="#FFFFFF">北京大学</td>
  <td bgcolor="#FFFFFF">Java软件工程师</td>
  <td bgcolor="#FFFFFF">无</td>
  </tr>
  <tr>
  <td height="29" bgcolor="#FFFFFF">东方白了</td>
  <td bgcolor="#FFFFFF">52</td>
  <td bgcolor="#FFFFFF">女</td>
  <td bgcolor="#FFFFFF">9787675756455323</td>
  <td bgcolor="#FFFFFF">湖北宜昌</td>
  <td bgcolor="#FFFFFF">清华大学</td>
  <td bgcolor="#FFFFFF">Java软件工程师</td>
  <td bgcolor="#FFFFFF">无</td>
  </tr>
  </table>
  </body> 
</html>

注意:此方法限制有点多,仅供学习使用不推荐线上环境
1.浏览器必须是IE
2.客户机必须安装微软的office软件


 
https://www.leftso.com/article/201.html

相关文章
Js也导出Excel,能在前台导出的话,将会大大减轻数据库的压力
前言有时候,我们需要对js的原生对象进行扩展,达到全局使用更方便的效果
jquery插件Viewer.js是一个强大的图片查看工具,Viewer也提供了一个纯js版本的工具,图片查看,Viewer.js,Viewer
JavaScript/JS数组清空,删除数组内所有数据。Array=[]与Array.length=0的区别
这里讲解的是一种通过扩展原生JS的方式进行日期格式化​首先,在需要使用的地方添加以下代码Date.prototype.format = function(fmt) { var o ...
javascript(js)onclick 传递多个字符变量参数&lt;a title="点击下载附件" onclick="downloadFile(\''+row.url+'\',\''+ro...
现有js数组数据如下:let dataArray=[{id:1,name:'张三'},{id:2,name:'李四'}];根据id获取js数组的对象let findId=1; let findO...
步骤:1、配置文件webpack.config.js:  {     test:/\.css$/,     loader:'style-loader!css-loader'  ...
js 生成二维码引入qrcode.js该框架基于HTML5原生编写,兼容性较好。支持H5 vue uniapp 微信小程序等。基本使用参考&lt;div id="qrcode"&gtl;&lt;...
在js编程中,也会遇到替换字符串对象中某个字符。这时候就需要使用js内置函数replace了。可以替换一个也可以替换多个,支持正则表达式匹配比较灵活
JavaScript集合(Array)转树(tree)结构js 原生数组转树形结构 /** * 将list装换成tree * @param {Object} myId 数据主键id * ...
js/jQuery获取textarea的光标位置实现光标位置插入内容
spring boot 开发技巧,在开发web项目中跳过thyemeleaf模板/js/css等缓存避免每次修改资源文件都需要重启服务器
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,从下面创建的一个空白项目中可以看到:​关于三个文件的说明如下:index.html---主页
vue
1.打开github nodejs源码地址GitHub - nodesource/distributions: NodeSource Node.js Binary Distributions2....