使用原生js 导出excel表格--可在vue.js中嵌套使用

最新推荐文章于 2024-08-14 10:49:48 发布

花式之恋——cookie

最新推荐文章于 2024-08-14 10:49:48 发布

阅读量578

点赞数

本文链接：https://blog.csdn.net/qq_40372395/article/details/88943992

版权

这篇博客介绍了五种方法来使用原生JavaScript导出HTML表格为Excel文件，但前四种方法仅支持IE浏览器，而最后一个方法适用于主流浏览器（火狐、IE、Chrome、Opera和Safari）。提供了具体的JavaScript代码实现。

摘要由CSDN通过智能技术生成

这五种方法前四种方法只支持IE浏览器，最后一个方法支持当前主流的浏览器（火狐，IE，Chrome，Opera，Safari）
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>html 表格导出道</title>
<script language="JavaScript" type="text/javascript">
//第一种方法
function method1(tableid) {

var curTbl = document.getElementById(tableid);
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var sel = document.body.createTextRange();
sel.moveToElementText(curTbl);
sel.select();
sel.execCommand("Copy");
oSheet.Paste();
oXL.Visible = true;

}
//第二种方法
function method2(tableid)
{

var curTbl = document.getElementById(tableid);
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var Lenr = curTbl.rows.length;
for (i = 0; i < Lenr; i++)
{ var Lenc = curTbl.rows(i).cells.length;
for (j = 0; j < Lenc; j++)
{
oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;

}

}
oXL.Visible = true;
}
//第三种方法
function getXlsFromTbl(inTblId, inWindow){

try {
var allStr = "";
var curStr = "";
if (inTblId != null && inTblId != "" && inTblId != "null") {

curStr = getTblData(inTblId, inWindow);

}
if (curStr != null) {
allStr += curStr;
}

else {

alert("你要导出的表不存在");
return;
}
var fileName = getExcelFileName();
doFileExport(fileName, allStr);

}

catch(e) {

alert("导出发生异常:" + e.name + "->" + e.description + "!");

}

}

function getTblData(inTbl, inWind