Javascript导出网页中的表格

最新推荐文章于 2025-03-28 20:23:03 发布

kanchenhao

最新推荐文章于 2025-03-28 20:23:03 发布

阅读量730

点赞数

文章标签： javascript jquery

本文链接：https://blog.youkuaiyun.com/qq_33756700/article/details/115195808

版权

本文介绍了一种使用jQuery插件将网页中的表格数据导出为Excel文件的方法。通过引入jquery.min.js和jquery.table2excel.min.js两个文件，并编写简单的JavaScript代码，可以实现网页表格一键导出成Excel文件的功能。

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

首先，在网页源代码的最后导入jquery的两个包。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/rainabba/jquery-table2excel/1.1.0/dist/jquery.table2excel.min.js"></script>

如果不行的话，把两个js文件下载下来放到网页源代码同一文件夹下，修改src为相对路径。

然后，将下面的js代码添加到刚才的后面。

<script>
function exportData() {
	// ".table"修改为网页中table所在的class类
    $(".table").table2excel({
        // 不被导出的表格行的CSS class类
        exclude: ".noExl",
        // 导出的Excel文档的名称
        name: "table-" + new Date().getTime(),
        // Excel文件的名称
        filename: "table-" + new Date().getTime() + ".xls",
        bootstrap: true,
        preserveColors: true 
    });
}
exportData();
</script>