JavaScript导出HTML表格为Excel文件

JavaScript使用HTML表格导出Excel文件

想要在JavaScript中将HTML表格导出为Excel文件，可以使用以下代码:

function exportTableToExcel(tableID, filename = '') {
    var downloadLink;
    var dataType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');

    // 指定文件名
    filename = filename ? filename + '.xls' : 'excel_data.xls';

    // 创建下载链接元素
    downloadLink = document.createElement('a');

    document.body.appendChild(downloadLink);

    if (navigator.msSaveOrOpenBlob) {
        var blob = new Blob(['', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob(blob, filename);
    } else {
        // 创建文件链接
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;

        // 设置文件名
        downloadLink.download = filename;

        // 触发下载
        downloadLink.click();
    }
}

你可以将以上代码复制到你的JavaScript文件中，并在HTML文件中调用它。使用以下代码调用该函数:

<button onclick="exportTableToExcel('tableID', 'filename')">导出到Excel</button>

记得将 tableID 替换为你的表格的ID，将 filename 替换为你想要的文件名。