今天在网上看了很多方法，自己还是慢慢探索写出了最终效果
简单代码如下：
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8">
<title>
</title>
<script>
function clickDownload(aLink){
var oTest = document.getElementById('test');
var str = "栏位1,栏位2,栏位3
值1,值2,值3";
oTest.href = "data:text/csv;charset=utf-8,ufeff"+str;
}
</script>
</head>
<body>
<a id="test" onclick="clickDownload()" download="downlaod.csv" href="">download</a>
</body>
</html>
其实在整个编写过程中主要还是对于str的不同场景的处理，要获取到你所想下载的表格内容然后转化成字符串格式，其中横向数据用“,”隔开，换行时候在字符串中添加“ ”换行符就可以顺利完成要求。
注：测试对于safari不支持，对于IE最新版支持