html导出表格为csv,javascript – 将html表导出到csv

只使用jQuery和vanilla Javascript：

将这段代码放入头文件中加载的脚本：

$(document).ready(function () {

$('table').each(function () {

var $table = $(this);

var $button = $("");

$button.text("Export to spreadsheet");

$button.insertAfter($table);

$button.click(function () {

var csv = $table.table2CSV({

delivery: 'value'

});

window.location.href = 'data:text/csv;charset=UTF-8,'

+ encodeURIComponent(csv);

});

});

})

笔记：

需要jQuery和table2CSV：在上面的脚本之前添加两个库的脚本引用。

以表格选择器为例，可以根据需要进行调整。

它只适用于具有完整数据URI支持的浏览器：Firefox，Chrome和Opera，而不是IE，它仅支持将二进制图像数据嵌入到页面中的数据URI。

为了完整的浏览器兼容性，您必须使用稍微不同的方法，需要服务器端脚本来回显CSV。