取决于浏览器支持,但对于新浏览器来说这变得非常好:http://jsfiddle.net/3fMeL/2/ http://jsfiddle.net/3fMeL/2/
var CSV = [
'"1","val1","val2","val3","val4"',
'"2","val1","val2","val3","val4"',
'"3","val1","val2","val3","val4"'
].join('\n');
window.URL = window.webkitURL || window.URL;
var contentType = 'text/csv';
var csvFile = new Blob([CSV], {type: contentType});
var a = document.createElement('a');
a.download = 'my.csv';
a.href = window.URL.createObjectURL(csvFile);
a.textContent = 'Download CSV';
a.dataset.downloadurl = [contentType, a.download, a.href].join(':');
document.body.appendChild(a);
所以第一项是 Blob 对象,这将创建可以下载的对象。https://developer.mozilla.org/en-US/docs/Web/API/Blob https://developer.mozilla.org/en-US/docs/Web/API/Blob (http://caniuse.com/#search=blob http://caniuse.com/#search=blob)
下一部分是链接的下载属性,它通知浏览器下载 CSV 文件,而不是在浏览器窗口中打开它。 (http://caniuse.com/#feat=download http://caniuse.com/#feat=download)