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

如何利用纯javascript做一个xls导出功能，下面web建站小编给大家介绍一下实现代码，可以直接复制使用！

先定义一个tableToExcel方法

javascript代码如下：

const tableToExcel = () => {
  const jsonData = [
  	{
  	  name:'小明',
  	  phone:'13088888888',
  	  school:'清华大学',
  	  desc:'我来自中国湖北'
  	},
  	{
  	  name:'小李',
  	  phone:'13088888886',
  	  school:'北京大学',
  	  desc:'我来自西红寺首富市'
  	},
  	{
  	  name:'小辉',
  	  phone:'13088888882',
  	  school:'人民大学',
  	  desc:'我来自web建站'
  	}
  ]
  let str = '<tr><td>姓名</td><td>电话</td><td>毕业学校</td><td>介绍</td></tr>';
  for(let i = 0 ; i < jsonData.length ; i++ ){
  	str+='<tr>';
  	for(const key in jsonData[i]){
  		str+=`<td>${ jsonData[i][key] + '  '}</td>`;    
  	}
  	str+='</tr>';
  }
  const worksheet = 'Sheet1'
  const uri = 'data:application/vnd.ms-excel;base64,';
  
  const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office"
  xmlns:x="urn:schemas-microsoft-com:office:excel"
  xmlns="http://www.w3.org/TR/REC-html40">
  <head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
  <x:Name>${worksheet}</x:Name>
  <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
  </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
  </head><body><table>${str}</table></body></html>`;
  window.location.href = uri + base64(template);
};
const base64 = s => window.btoa(unescape(encodeURIComponent(s)));

<!–[if gte mso 9]>里面的代码不要删除

当前excel下载名称是默认的“下载.xls”，如果需要改成自己需要的名称可以按照以下操作方法！

1、在html页面新增一个a标签

//不需要显示
<a id="dlink" style="display:none;"></a>

2、在上面javascript代码下面新增以下代码

//找到window.location.href = uri + base64(template);替换成以下语句

document.getElementById("dlink").href = uri + base64(template);
document.getElementById("dlink").download = '下载名称'
document.getElementById("dlink").click();

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

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

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

javascript根据当前div样式导出pdf

标签： xls导出导出功能