html5的导出表格功能

最近遇到一个需要导出表格的需求,研究了一下nodeJs的excel模块及好多其他的插件,发现还是蛮复杂的,由于项目对于表格的要求不高,因此同事推荐了一种h5的表格导出生成方法,比较简单,在此记录一下

先上代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a id="test" onclick="clickDownload(this)" download="downlaod.csv" href="#">download</a>
</body>
</html>
<script>
  function clickDownload(aLink)
  {
    var str = "栏位1,栏位2,栏位3
值1,值2,值3";
    str =  encodeURIComponent(str);
    aLink.href = "data:text/csv;charset=utf-8,ufeff"+str;
    // aLink.click();
  }
</script>

十分简单,如果是表格试的页面,只要获取对应的tr,遍历其中的td拼成字符串,传入其中即可。只要是支持H5的浏览器都可以用

原文地址:https://www.cnblogs.com/weblv/p/7515143.html