今天在網上看了很多方法,自己還是慢慢探索寫出了最終效果
簡單代碼如下:
<!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\n值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的不同場景的處理,要獲取到你所想下載的表格內容然后轉化成字符串格式,其中橫向數據用“,”隔開,換行時候在字符串中添加“\n”換行符就可以順利完成要求。
注:測試對於safari不支持,對於IE最新版支持
