js 操作excel demo
时间: 2023-11-04 08:03:17 浏览: 42
在JavaScript中操作Excel可以使用第三方库如SheetJS(https://sheetjs.com/)来实现。以下是一个简单的示例代码来演示如何使用SheetJS库在浏览器中操作Excel文件:
1. 首先,我们需要在HTML文件中引入SheetJS库的JavaScript文件。可以通过以下代码来实现:
```
<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
```
2. 创建一个按钮,并为其添加一个点击事件监听器。当按钮被点击时,会触发Excel操作的代码。代码如下:
```
<button id="exportButton">导出Excel</button>
<script>
document.getElementById("exportButton").addEventListener("click", exportExcel);
function exportExcel() {
// 创建一个工作簿
var workbook = XLSX.utils.book_new();
// 创建一个工作表
var worksheet = XLSX.utils.aoa_to_sheet([
["姓名", "年龄", "性别"],
["张三", 25, "男"],
["李四", 30, "女"],
["王五", 28, "男"]
]);
// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
// 将工作簿保存为Excel文件
XLSX.writeFile(workbook, "data.xlsx");
}
</script>
```
在以上代码中,我们首先使用`XLSX.utils.book_new`方法创建一个工作簿,然后使用`XLSX.utils.aoa_to_sheet`方法将一个二维数组转换为工作表。接着,将工作表添加到工作簿中,并使用`XLSX.writeFile`方法将工作簿保存为Excel文件。点击按钮后,将会下载名为"data.xlsx"的Excel文件,其中包含了我们提供的数据。
以上是一个简单的JavaScript操作Excel的示例代码。详细的操作和更复杂的功能可以通过查阅SheetJS库的文档来实现。