打印系列 —— web页面导出成Excel文档

最新推荐文章于 2025-08-22 08:42:02 发布

ilibaba

最新推荐文章于 2025-08-22 08:42:02 发布

阅读量956

点赞数

CC 4.0 BY-SA版权

分类专栏： web打印系列文章标签： excel web javascript button border 浏览器

本文链接：https://blog.youkuaiyun.com/ilibaba/article/details/3740931

web打印系列专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种将网页上的简单表格数据导出到Excel的方法，适用于没有合并单元格等复杂格式的情况。通过JavaScript代码实现自动化导出，适用于前端开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个方法只能导出一般的规则的页面表格，如有合并单元格什么等稍复杂的格式则不适用，就要考虑使用其他的组件了

<title>浏览器表格导出到Excel</title>
<input type="button" name="out_word1" onclick="AutomateExcel()" 
        value="导出到excel" class="notPrint">
<table id="data" width="200" border="1">
<tr>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>22</td>
<td>22</td>
</tr>
<tr>
<td>33</td>
<td>33</td>
</tr>
<tr>
<td>44</td>
<td>44</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
function AutomateExcel()
{
    // Start Excel and get Application object.
    var oXL = new ActiveXObject("Excel.Application");
    // Get a new workbook.
    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;
    // Add table headers going cell by cell.
    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;
    oXL.UserControl = true;
}
</SCRIPT>