JavaScript代码将多为数组导出到csv文件

上一篇文章：

js动态创建删除点赞小红心的实例代码

下一篇文章：

JavaScript代码将table表格数据导出到csv文件

gooood个人博客网站

JavaScript

<html>  
<head>  
<title> Download CSV file </title>  
</head>  
  
<script>  
//create CSV file data in an array  
var csvFileData = [  
   ['Alan Walker', 'Singer'],  
   ['Cristiano Ronaldo', 'Footballer'],  
   ['Saina Nehwal', 'Badminton Player'],  
   ['Arijit Singh', 'Singer'],  
   ['Terence Lewis', 'Dancer']  
];  
    
//create a user-defined function to download CSV file   
function download_csv_file() {  
  
    //define the heading for each row of the data  
    var csv = 'Name,Profession\n';  
      
    //merge the data with CSV  
    csvFileData.forEach(function(row) {  
            csv += row.join(',');  
            csv += "\n";  
    });  
   
    //display the created CSV data on the web browser   
    document.write(csv);  
  
     
    var hiddenElement = document.createElement('a');  
    hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(csv);  
    hiddenElement.target = '_blank';  
      
    //provide the name for the CSV file to be downloaded  
    hiddenElement.download = 'Famous Personalities.csv';  
    hiddenElement.click();  
}  
</script>  
  
<body>  
<h3> Click the button to download the CSV file </h3>  
  
<!-- create an HTML button to download the CSV file on click -->  
<button onclick="download_csv_file()"> Download CSV </button>  
  
</body>  
</html>

文章来源：https://www.javatpoint.com/javascript-create-and-download-csv-file

最后生成于 2024-05-24 22:37:28

上一篇文章：

js动态创建删除点赞小红心的实例代码

下一篇文章：


上一月		一			下一月
日	一	二	三	四	五	六

JavaScript代码将多为数组导出到csv文件

js动态创建删除点赞小红心的实例代码

JavaScript代码将table表格数据导出到csv文件

js动态创建删除点赞小红心的实例代码

JavaScript代码将table表格数据导出到csv文件

热门推荐：