JavaScript是一个涵盖多种框架、直译式、可以轻松自定义客户端的脚本语言，在 Web 应用程序中，更加易于编码和维护。而Excel 作为一款深受用户喜爱的电子表格工具，借助其直观的界面、出色的计算性能和图表工具，已经成为数据统计领域不可或缺的软件之一。
如果有一款产品，能够将二者完美融合，将在前端表格数据处理、数据填报、数据可视化、在线文档等领域大放异彩。SpreadJS，正是这样一款功能布局与Excel高度类似，无需大量代码开发和测试即可实现数据展示、前端 Excel 导入导出、图表面板、数据绑定等业务场景的纯前端表格控件。
使用JavaScript实现 Excel 的导入和导出通过纯JavaScript，您完全可以实现导入和导出Excel文件功能，并为最终用户提供与这些文件进行I/O交互的界面。在本篇教程中，我将向您展示如何借助SpreadJS，在JavaScript中轻松实现导入和导出Excel文件的操作，以及将SpreadJS组件添加到HTML页面是多么的容易。
导入和编辑Excel文件后完成的页面
工欲善其事，必先利其器
请下载SpreadJS 纯前端表格控件，以便同步体验
设置JavaScript的电子表格项目创建一个新的HTML页面并添加对SpreadJS下载包中Spread.Sheets脚本和CSS文件的引用：
<!DOCTYPE html> <html> <head> <title>SpreadJS ExcelIO</title> <script src="http://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js" type="text/javascript"></script> <link href="http://cdn.grapecity.com/spreadjs/hosted/css/gc.spread.sheets.excel2013white.10.1.0.css" type="text/css" /> <script type="text/javascript" src="http://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.10.1.0.min.js"></script> <script type="text/javascript" src="http://cdn.grapecity.com/spreadjs/hosted/scripts/interop/gc.spread.excelio.10.1.0.min.js"></script> </head> <body> <div></div> </body> </html>