纯js导出csv格式（根据页面标签格式导出）

前端做一个纯js导出csv格式功能，根据页面table格式导出，js中不需要再定义头部和导出数据，下面web建站小编给大家了解一下代码！

实现代码如下：

function exportData() {
  //定义头部标签获取表头数据，什么标签都可以
  let thead = Array.from($('thead th')).map(v => {
  	return v.textContent
  })
  //定义内容标签获取内容数据，什么标签都可以
  let tbody = Array.from($('tbody td')).map(v => {
  	return v.textContent
  }) // 获取表体数据
  let table = thead.concat(tbody) //头部和内容合并
  
  //表格数据转csv格式
  let csv = ''
  let colWidth = 9 // 列数，和实际列数一样，否则数据会乱
  let column = [] // 列循环数据缓存
  table.map((v, i) => {
  	column.push(v.trim())
  	if ((i + 1) % colWidth === 0) {
  	  csv += column.join(",") + '\n'
  	  column = []
  	}
  })
  //查看数据
  console.log('csv===',csv)
  //导出csv
  let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(csv);
  let link = document.createElement("a");
  let ts = new Date()
  link.href = uri;
  link.download = '文件名' + ts.getFullYear() + (ts.getMonth() + 1) + ts.getDay() + ".csv";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
};

php导出xls产生乱码怎么解决？

php导出mysql csv出现乱码是什么原因（附解决方法）

纯js根据table页面样式导出excel表格（包括居中，合并，自定义样式）

javascript根据当前div样式导出pdf

利用纯javascript做一个xls导出功能（附代码）

标签： csv格式, xls导出, 导出功能

上面是“纯js导出csv格式（根据页面标签格式导出）”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2666.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！