Javascript导出网页中的表格

首先，在网页源代码的最后导入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>

最后，打开html即可下载为excel文件。