纯JS将HTML表格导出为Excel文件 - 无需库或插件

使用JS将HTML表格导出为Excel文件

您可以使用以下代码将HTML表格导出为Excel文件。这个方法使用了纯元素，因此不需要其他的库或插件。

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

    // Specify file name
    filename = filename?filename+'.xls':'excel_data.xls';

    // Create download link element
    downloadLink = document.createElement('a');

    document.body.appendChild(downloadLink);

    if(navigator.msSaveOrOpenBlob){
        var blob = new Blob(['', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob(blob, filename);
    }else{
        // Create a link to the file
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;

        // Setting the file name
        downloadLink.download = filename;

        //triggering the function
        downloadLink.click();
    }
}

您需要调用此函数并传递表格ID作为参数。例如，如果您的表格ID为“myTable”，则调用函数的代码如下所示：

exportToExcel('myTable', 'myExcelFile');

此代码将创建一个名为“myExcelFile.xls”的Excel文件，并将表格数据从“myTable”表格中导出到该文件中。