当前位置：Gxlcms > PHP教程 > 用javscript导出html中的数据到excel表格中

用javscript导出html中的数据到excel表格中

时间：2021-07-01 10:21:17 帮助过：4人阅读 

  1. <script language="JavaScript" type="text/javascript">
  2.  /* * 默认转换实现函数，如果需要其他功能，需自行扩展
  3.  * 参数：
  4.  * tableID : HTML中Table对象id属性值
  5.  * 详细用法参见以下 TableToExcel 对象定义 
  6.  */
  7.  function saveAsExcel(tableID){
  8.   var tb = new TableToExcel(tableID);
  9.   tb.setFontStyle("Courier New");
  10.   tb.setFontSize(10);
  11.   tb.setTableBorder(2);
  12.   tb.setColumnWidth(7);
  13.   tb.isLineWrap(true);
  14.   tb.getExcelFile();
  15.  } 
  16.  /** 功能：HTML中Table对象转换为Excel通用对象.
  17.   * 参数：tableID HTML中Table对象的ID属性值
  18.   * 说明：
  19.   * 能适应复杂的HTML中Table对象的自动转换，能够自动根据行列扩展信息
  20.   * 合并Excel中的单元格，客户端需要安装有Excel
  21.   * 详细的属性、方法引用说明参见：Excel的Microsoft Excel Visual Basic参考
  22.   * 示范：
  23.   * var tb = new TableToExcel('demoTable');
  24.   * tb.setFontStyle("Courier New");
  25.   * tb.setFontSize(10); //推荐取值10
  26.   * tb.setFontColor(6); //一般情况不用设置
  27.   * tb.setBackGround(4); //一般情况不用设置
  28.   * tb.setTableBorder(2); //推荐取值2
  29.   * tb.setColumnWidth(10); //推荐取值10
  30.   * tb.isLineWrap(false);
  31.   * tb.isAutoFit(true);
  32.   * * tb.getExcelFile();
  33.   * 如果设置了单元格自适应，则设置单元格宽度无效
  34.   * 版本：1.0*/
  35.   function TableToExcel(tableID) {
  36.    this.tableBorder = -1; //边框类型，-1没有边框 可取1/2/3/4
  37.    this.backGround = 0; //背景颜色：白色 可取调色板中的颜色编号 1/2/3/4....
  38.    this.fontColor = 1; //字体颜色：黑色
  39.    this.fontSize = 10; //字体大小
  40.    this.fontStyle = "宋体"; //字体类型
  41.    this.rowHeight = 20; //行高
  42.    this.columnWidth = -1; //列宽
  43.    this.lineWrap = true; //是否自动换行
  44.    this.textAlign = -4108; //内容对齐方式 默认为居中
  45.    this.autoFit = true; //是否自适应宽度
  46.    this.tableID = tableID; 
  47.   }
  48.    TableToExcel.prototype.setTableBorder = function (excelBorder) {
  49.     this.tableBorder = excelBorder ;
  50.    }; 
  51.    TableToExcel.prototype.setBackGround = function (excelColor) {
  52.     this.backGround = excelColor;
  53.    }; 
  54.    TableToExcel.prototype.setFontColor = function (excelColor) {
  55.     this.fontColor = excelColor;
  56.    }; 
  57.    TableToExcel.prototype.setFontSize = function (excelFontSize) {
  58.     this.fontSize = excelFontSize;
  59.    }; 
  60.    TableToExcel.prototype.setFontStyle = function (excelFont) {
  61.     this.fontStyle = excelFont;
  62.    }; 
  63.    TableToExcel.prototype.setRowHeight = function (excelRowHeight) {
  64.     this.rowHeight = excelRowHeight;
  65.    }; 
  66.    TableToExcel.prototype.setColumnWidth = function (excelColumnWidth) {
  67.     this.columnWidth = excelColumnWidth;
  68.    }; 
  69.    TableToExcel.prototype.isLineWrap = function (lineWrap) {
  70.     if (lineWrap == false || lineWrap == true) {
  71.      this.lineWrap = lineWrap;
  72.     }
  73.    }; 
  74.    TableToExcel.prototype.setTextAlign = function (textAlign) {
  75.     this.textAlign = textAlign;
  76.    }; 
  77.    TableToExcel.prototype.isAutoFit = function(autoFit){
  78.     if(autoFit == true || autoFit == false)this.autoFit = autoFit ;
  79.    }
  80.    //文件转换主函数
  81.    TableToExcel.prototype.getExcelFile = function () {
  82.    var jXls, myWorkbook, myWorksheet, myHTMLTableCell, myExcelCell, myExcelCell2;
  83.    var myCellColSpan, myCellRowSpan; 
  84.    try {
  85.     jXls = new ActiveXObject('Excel.Application');
  86.    }catch (e) {
  87.     alert("无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel，"+"那么请调整IE的安全级别。\n\n具体操作：\n\n"+"工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");
  88.     return false;
  89.    } 
  90.    jXls.Visible = true;
  91.    myWorkbook = jXls.Workbooks.Add();
  92.    jXls.DisplayAlerts = false;
  93.    myWorkbook.Worksheets(3).Delete();
  94.    myWorkbook.Worksheets(2).Delete();
  95.    jXls.DisplayAlerts = true;
  96.    myWorksheet = myWorkbook.ActiveSheet; 
  97.    var readRow = 0, readCol = 0;var totalRow = 0, totalCol = 0;
  98.    var tabNum = 0; 
  99.    //设置行高、列宽
  100.    if(this.columnWidth != -1)
  101.     myWorksheet.Columns.ColumnWidth = this.columnWidth;
  102.    else
  103.     myWorksheet.Columns.ColumnWidth = 7;
  104.    if(this.rowHeight != -1)
  105.     myWorksheet.Rows.RowHeight = this.rowHeight ; 
  106.    //搜索需要转换的Table对象，获取对应行、列数
  107.    var obj = document.all.tags("table");
  108.    for (x = 0; x < obj.length; x++) {
  109.     if (obj[x].id == this.tableID) {
  110.      tabNum = x;
  111.      totalRow = obj[x].rows.length;
  112.      for (i = 0; i < obj[x].rows[0].cells.length; i++) {
  113.       myHTMLTableCell = obj[x].rows(0).cells(i);
  114.       myCellColSpan = myHTMLTableCell.colSpan;
  115.       totalCol = totalCol + myCellColSpan;
  116.      }
  117.     }
  118.    } 
  119.    //开始构件模拟表格
  120.    var excelTable = new Array();
  121.    for (i = 0; i <= totalRow; i++) {
  122.     excelTable[i] = new Array();
  123.     for (t = 0; t <= totalCol; t++) {
  124.      excelTable[i][t] = false;
  125.     }
  126.    } 
  127.    //开始转换表格 
  128.    for (z = 0; z < obj[tabNum].rows.length; z++) {
  129.     readRow = z + 1;
  130.     readCol = 0;
  131.     for (c = 0; c < obj[tabNum].rows(z).cells.length; c++) {
  132.      myHTMLTableCell = obj[tabNum].rows(z).cells(c);
  133.      myCellColSpan = myHTMLTableCell.colSpan;
  134.      myCellRowSpan = myHTMLTableCell.rowSpan;
  135.      for (y = 1; y <= totalCol; y++) {
  136.       if (excelTable[readRow][y] == false) {
  137.        readCol = y;
  138.        break;
  139.       }
  140.      }
  141.      if (myCellColSpan * myCellRowSpan > 1) {
  142.       myExcelCell = myWorksheet.Cells(readRow, readCol);
  143.       myExcelCell2 = myWorksheet.Cells(readRow + myCellRowSpan - 1, readCol + myCellColSpan - 1);
  144.       myWorksheet.Range(myExcelCell, myExcelCell2).Merge();
  145.       myExcelCell.HorizontalAlignment = this.textAlign;
  146.       myExcelCell.Font.Size = this.fontSize;
  147.       myExcelCell.Font.Name = this.fontStyle;
  148.       myExcelCell.wrapText = this.lineWrap;
  149.       myExcelCell.Interior.ColorIndex = this.backGround;
  150.       myExcelCell.Font.ColorIndex = this.fontColor;
  151.       if(this.tableBorder != -1){
  152.        myWorksheet.Range(myExcelCell, myExcelCell2).Borders(1).Weight = this.tableBorder ;
  153.        myWorksheet.Range(myExcelCell, myExcelCell2).Borders(2).Weight = this.tableBorder ;
  154.        myWorksheet.Range(myExcelCell, myExcelCell2).Borders(3).Weight = this.tableBorder ;
  155.        myWorksheet.Range(myExcelCell, myExcelCell2).Borders(4).Weight = this.tableBorder ;
  156.       } 
  157.       myExcelCell.Value = myHTMLTableCell.innerText;
  158.       for (row = readRow; row <= myCellRowSpan + readRow - 1; row++) {
  159.        for (col = readCol; col <= myCellColSpan + readCol - 1; col++) {
  160.         excelTable[row][col] = true;
  161.        }
  162.       } 
  163.       readCol = readCol + myCellColSpan;
  164.      } else {
  165.       myExcelCell = myWorksheet.Cells(readRow, readCol);
  166.       myExcelCell.Value = myHTMLTableCell.innerText;
  167.       myExcelCell.HorizontalAlignment = this.textAlign;
  168.       myExcelCell.Font.Size = this.fontSize;
  169.       myExcelCell.Font.Name = this.fontStyle;
  170.       myExcelCell.wrapText = this.lineWrap;
  171.       myExcelCell.Interior.ColorIndex = this.backGround;
  172.       myExcelCell.Font.ColorIndex = this.fontColor;
  173.       if(this.tableBorder != -1){
  174.        myExcelCell.Borders(1).Weight = this.tableBorder ;
  175.        myExcelCell.Borders(2).Weight = this.tableBorder ;
  176.        myExcelCell.Borders(3).Weight = this.tableBorder ;
  177.        myExcelCell.Borders(4).Weight = this.tableBorder ;
  178.       }
  179.       excelTable[readRow][readCol] = true;readCol = readCol + 1;
  180.      }
  181.     }
  182.    }
  183.    if(this.autoFit == true)
  184.     myWorksheet.Columns.AutoFit; 
  185.    jXls.UserControl = true;
  186.    jXls = null;
  187.    myWorkbook = null;
  188.    myWorksheet = null;
  189.   };
  190.  
  191. 以下内容为网络搜集，方便自己使用。出处不详（我忘了从哪找的了，呵呵）。
  192. -------------------------------------------------------------------------------------------------------------------------------------
  193. 使用JavaScript中的ActiveXObject填充并设置Excel格式
  194. 1.创建实例并创建工作表
  195. var XLObj = new ActiveXObject("Excel.Application");//创建Excel实例
  196. var xlBook = XLObj.Workbooks.Add;                         //新增工作簿
  197. var ExcelSheet = xlBook.Worksheets(1);                   //创建工作表
  198. 2.保存表格
  199. ExcelSheet.SaveAs("C:\\TEST.XLS");
  200. 3.使 Excel 通过 Application 对象可见
  201. ExcelSheet.Application.Visible = true;或者ExcelSheet.Visible=true;
  202. 4.打印
  203. xlBook.PrintOut;或者:ExcelSheet.PrintOut;
  204. 5.关闭
  205. xlBook.Close(savechanges=false);或者ExcelSheet.Close(savechanges=false);
  206. 6.结束进程
  207. ExcelSheet.Application.Quit()或者XLObj.Quit(); XLObj=null;
  208. 7.页面设置
  209. ExcelSheet.ActiveSheet.PageSetup.LeftMargin= 2/0.035;         //页边距 左2厘米
  210. ExcelSheet.ActiveSheet.PageSetup.RightMargin = 3/0.035;      //页边距 右3厘米，
  211. ExcelSheet.ActiveSheet.PageSetup.TopMargin = 4/0.035;        //页边距 上4厘米，
  212. ExcelSheet.ActiveSheet.PageSetup.BottomMargin = 5/0.035;   //页边距 下5厘米
  213. ExcelSheet.ActiveSheet.PageSetup.HeaderMargin = 1/0.035;   //页边距 页眉1厘米
  214. ExcelSheet.ActiveSheet.PageSetup.FooterMargin = 2/0.035;    //页边距 页脚2厘米
  215. ExcelSheet.ActiveSheet.PageSetup.CenterHeader = "页眉中部内容";
  216. ExcelSheet.ActiveSheet.PageSetup.LeftHeader = "页眉左部内容";
  217. ExcelSheet.ActiveSheet.PageSetup.RightHeader = "页眉右部内容";
  218. ExcelSheet.ActiveSheet.PageSetup.CenterFooter = "页脚中部内容";
  219. ExcelSheet.ActiveSheet.PageSetup.LeftFooter = "页脚左部内容";
  220. ExcelSheet.ActiveSheet.PageSetup.RightFooter = "页脚右部内容";
  221. 8.对单元格操作，带*部分对于行，列，区域都有相应属性
  222. ExcelSheet.ActiveSheet.Cells(row,col).Value = "内容";                //设置单元格内容
  223. ExcelSheet.ActiveSheet.Cells(row,col).Borders.Weight = 1;        //设置单元格边框*()
  224. ExcelSheet.ActiveSheet.Cells(row,col).Interior.ColorIndex = 1;    //设置单元格底色*(1-黑色，2-白色，3-红色，4-绿色，5-蓝色，6-黄色，7-粉红色，8-天蓝色，9-酱土色..可以多做尝试)
  225. ExcelSheet.ActiveSheet.Cells(row,col).Interior.Pattern = 1;         //设置单元格背景样式*(1-无，2-细网格，3-粗网格，4-斑点，5-横线，6-竖线..可以多做尝试)
  226. ExcelSheet.ActiveSheet.Cells(row,col).Font.ColorIndex = 1;        //设置字体颜色*(与上相同)
  227. ExcelSheet.ActiveSheet.Cells(row,col).Font.Size = 10;                //设置为10号字*
  228. ExcelSheet.ActiveSheet.Cells(row,col).Font.Name = "黑体";        //设置为黑体*
  229. ExcelSheet.ActiveSheet.Cells(row,col).Font.Italic = true;             //设置为斜体*
  230. ExcelSheet.ActiveSheet.Cells(row,col).Font.Bold = true;             //设置为粗体*
  231. ExcelSheet.ActiveSheet.Cells(row,col).ClearContents;                //清除内容*
  232. ExcelSheet.ActiveSheet.Cells(row,col).WrapText=true;               //设置为自动换行*
  233. ExcelSheet.ActiveSheet.Cells(row,col).HorizontalAlignment = 3; //水平对齐方式枚举* (1-常规，2-靠左，3-居中，4-靠右，5-填充 6-两端对齐，7-跨列居中，8-分散对齐)
  234. ExcelSheet.ActiveSheet.Cells(row,col).VerticalAlignment = 2;      //垂直对齐方式枚举*(1-靠上，2-居中，3-靠下，4-两端对齐，5-分散对齐)
  235. //行，列有相应操作:
  236.     ExcelSheet.ActiveSheet.Rows(row).
  237.     ExcelSheet.ActiveSheet.Columns(col).
  238.     ExcelSheet.ActiveSheet.Rows(startrow+":"+endrow).                   //如Rows("1:5")即1到5行
  239.     ExcelSheet.ActiveSheet.Columns(startcol+":"+endcol).                //如Columns("1:5")即1到5列
  240.     //区域有相应操作:
  241.     XLObj.Range(startcell+":"+endcell).Select;
  242.         //如Range("A2:H8")即A列第2格至H列第8格的整个区域
  243.     XLObj.Selection.
  244.     //合并单元格
  245.     XLObj.Range(startcell+":"+endcell).MergeCells = true;
  246.         //如Range("A2:H8")即将A列第2格至H列第8格的整个区域合并为一个单元格
  247.     或者:XLObj.Range("A2",XLObj.Cells(8, 8)).MergeCells = true;
  248. 9.设置行高与列宽
  249. ExcelSheet.ActiveSheet.Columns(startcol+":"+endcol).ColumnWidth = 22;//设置从firstcol到stopcol列的宽度为22
  250. ExcelSheet.ActiveSheet.Rows(startrow+":"+endrow).RowHeight = 22;//设置从firstrow到stoprow行的宽度为22
  251. Var myrange oSheet.Range(oSheet.Cells(2,1),oSheet.Cells(2,6));
  252. myRange.Columns.AutoFit()
  253. myRange.Rows.AutoFit()//好像不太管用
  254. //设置该区域为自适应高度和宽度
  255. 使用JavaScript将表格内容导出到Excel的方式
  256. 1.整个表格拷贝到EXCEL中 
  257. function CopyTable(tableid) 
  258. {
  259.      //整个表格拷贝到EXCEL中 
  260.      var curTbl = document.getElementById(tableid); 
  261.      var oXL = new ActiveXObject("Excel.Application"); 
  262.      //创建AX对象excel 
  263.      var oWB = oXL.Workbooks.Add(); 
  264.      //获取workbook对象 
  265.      var oSheet = oWB.ActiveSheet; 
  266.          //激活当前sheet 
  267.      var sel = document.body.createTextRange(); 
  268.      sel.moveToElementText(curTbl); 
  269.      //把表格中的内容移到TextRange中 
  270.      sel.select(); 
  271.      //全选TextRange中内容 
  272.      sel.execCommand("Copy"); 
  273.      //复制TextRange中内容 
  274.      oSheet.Paste(); 
  275.      //粘贴到活动的EXCEL中       
  276.      oXL.Visible = true; 
  277.      //设置excel可见属性 
  278. } 
  279. 2.把单元格内容拷贝到Excel,并设置单元格格式.
  280. function method2(tableid) //读取表格中每个单元到EXCEL中
  281. {
  282.      var curTbl = document.getElementById(tableid);
  283.      var oXL = new ActiveXObject("Excel.Application");
  284.      //创建AX对象excel
  285.      var oWB = oXL.Workbooks.Add();
  286.      //获取workbook对象
  287.      var oSheet = oWB.ActiveSheet;
  288.      //激活当前sheet
  289.      var Lenr = curTbl.rows.length;
  290.      var y=document.getElementById('dropYear');
  291.      var m=document.getElementById('dropMonth');
  292.      //取得表格行数
  293.      oSheet.Cells( 1, 1).value='商户名称：工商银行商城';
  294.      oSheet.Range(oSheet.Cells(1,1),oSheet.Cells(1,6)).Merge()
  295.      oSheet.Cells(2,1).value=日期; '+y.options[y.selectedIndex].value+'-'+m.options[m.selectedIndex].value;
  296.      oSheet.Range(oSheet.Cells(2,1),oSheet.Cells(2,6)).Merge()
  297.      oSheet.Cells( 3, 1).value='销售情况'
  298.      oSheet.Range(oSheet.Cells(3,1),oSheet.Cells(3,6)).Merge()
  299.      oSheet.Cells( 3, 1).HorizontalAlignment=3;
  300.      oSheet.Cells( 3, 1).Font.Size=14;
  301.      oSheet.Cells( 3, 1).Font.Bold = true;
  302.      oSheet.Range(oSheet.Cells(4,1),oSheet.Cells(4,6)).Merge()
  303.      oSheet.Cells(4,1).value=document.getElementById('lbMessage').innerText;
  304.      for (i = 0; i < Lenr; i++)
  305.      {
  306.      var Lenc = curTbl.rows(i).cells.length;
  307. //取得每行的列数
  308.          for (j = 0; j < Lenc; j++)
  309.          {
  310.              oSheet.Cells(i + 5, j + 1).value = curTbl.rows(i).cells(j).innerText;
  311.              //赋值
  312.          }
  313.      }
  314.      oSheet.Cells(i+6,2).value=document.getElementById('hidSum').value;
  315.      oSheet.Columns.AutoFit();
  316.      oSheet.Rows.AutoFit();
  317.      oSheet.Rows(4).RowHeight = 30;
  318.      oXL.Visible = true;
  319.      //设置excel可见属性
  320.      oXL.Quit();
  321.      oXL = null;
  322.      idTmr = window.setInterval("Cleanup();",1);//强制释放资源
  323. }
  324. function Cleanup()//清除Excel资源
  325. {
  326.      window.clearInterval(idTmr);
  327.      CollectGarbage();
  328. }
  329. 使用JavaScript按照表格格式复制内容到剪切板
  330. 1.在Excel中进行粘贴
  331. function copytable()
  332. {
  333.     var content=''
  334.     var tb=document.getElementById('GVmain');
  335.     var rows=tb.rows;
  336.     for(var i=0;i<rows.length;i++)
  337.     {
  338.           var cells=rows[i].cells;
  339.           for(var j=0;j<cells.length;j++)
  340.           {
  341.               content +=cells[j].innerText.toString()+'\t';
  342.           }
  343.          content +='\n';
  344.      }
  345.      if(content!='')
  346.      {
  347.          clipboardData.setData("text",content);
  348.          alert("复制成功!")
  349.      }
  350. }

以上就是用javscript导出html中的数据到excel表格中的详细内容，更多请关注Gxl网其它相关文章！

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！