javascript前端代码实现导出txt文件代码详解 -六月初技术站

javascript前端代码实现导出txt文件代码详解

六月初 JavaScipt 2023-02-19 13:11:35

常见的数据型网站中对于数据的导入导出需求是不言而喻的，那么在前端JavaScript代码中要如何使用实现导出txt文件呢？

一、JavaScript下载txt实现完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button onClick="test()">下载</button>
		<script>
			function down(filename,text){
				var pom = document.createElement('a');
				pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
				pom.setAttribute('download', filename);
				if (document.createEvent) {
				    var event = document.createEvent('MouseEvents');
				    event.initEvent('click', true, true);
				    pom.dispatchEvent(event);
				} else {
				    pom.click();
				}
			}
			var data = {'name':'六月初工具'};
			function test(){
				down('文件',JSON.stringify(data))
			}
		</script>
	</body>
</html>