使用js导出excel

最新推荐文章于 2024-08-06 16:10:14 发布

车家大少爷

最新推荐文章于 2024-08-06 16:10:14 发布

阅读量142

点赞数

分类专栏：前端 Js 文章标签： js导出 js

原文链接：https://blog.csdn.net/hhzzcc_/article/details/80419396

版权

前端同时被 2 个专栏收录

135 篇文章 8 订阅

订阅专栏

46 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>js导出excel</title>
	</head>
	<body>
		
		<button type="button" onclick="test()">导出excel</button>
		
	</body>
	
	<script type="text/javascript">
		function test(){
			
			var str = "序列号,姓名,班级,总分\n";
			var title = "学生成绩表.csv";
			var data = [{id:'1',name:'张三',grade:'高一三班',total:'360'}, {id:'2',name:'李四',grade:'高二一班',total:'440'}, {id:'3',name:'王二麻子',grade:'高三二班',total:'550'}];
			
			for(let i = 0 ; i < data.length ; i++ ){
			  for(var item in data[i]){
				  str+=`${data[i][item] + '\t'},`;     
			  }
			  str+='\n';
			}
			
			//encodeURIComponent解决中文乱码
			let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
			//通过创建a标签实现
			let link = document.createElement("a");
			link.href = uri;
			//对下载的文件命名
			link.download = title;
			document.body.appendChild(link);
			link.click();
			document.body.removeChild(link);
		}
	</script>
</html>