js导出excel表格
2017-11-21 22:51
204 查看
1. 在html页面先写一个a标签
<a id="excel" title="导出" onclick="toExcel()">导出excel</a>2.再写js:
function toExcel(){
// 使用outerHTML属性获取整个table元素的HTML代码(包括<table>标签),然后包装成一个完整的HTML文档,设置charset为urf-8以防止中文乱码
var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementById("exampleTable").outerHTML + "</body></html>";
// 实例化一个Blob对象,其构造函数的第一个参数是包含文件内容的数组,第二个参数是包含文件类型属性的对象
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
var a = document.getElementById("excel");
// 利用URL.createObjectURL()方法为a元素生成blob URL
a.href = URL.createObjectURL(blob);
// 设置文件名,目前只有Chrome和FireFox支持此属性
a.download = "信息表.xls";
}
或者
注明:这个是我在别处看到的,不是原创。只是想放在这上面保存一下。
<a id="excel" title="导出" onclick="toExcel()">导出excel</a>2.再写js:
function toExcel(){
// 使用outerHTML属性获取整个table元素的HTML代码(包括<table>标签),然后包装成一个完整的HTML文档,设置charset为urf-8以防止中文乱码
var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementById("exampleTable").outerHTML + "</body></html>";
// 实例化一个Blob对象,其构造函数的第一个参数是包含文件内容的数组,第二个参数是包含文件类型属性的对象
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
var a = document.getElementById("excel");
// 利用URL.createObjectURL()方法为a元素生成blob URL
a.href = URL.createObjectURL(blob);
// 设置文件名,目前只有Chrome和FireFox支持此属性
a.download = "信息表.xls";
}
或者
function toExcel(){ // 使用outerHTML属性获取整个table元素的HTML代码(包括<table>标签),然后包装成一个完整的HTML文档,设置charset为urf-8以防止中文乱码 var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>"; // 实例化一个Blob对象,其构造函数的第一个参数是包含文件内容的数组,第二个参数是包含文件类型属性的对象 var blob = new Blob([html], { type: "application/vnd.ms-excel" }); var a = document.getElementsByTagName("a")[0].outerHTML; // 利用URL.createObjectURL()方法为a元素生成blob URL a.href = URL.createObjectURL(blob); // 设置文件名,目前只有Chrome和FireFox支持此属性 a.download = "渠道商信息表.xls"; }
注明:这个是我在别处看到的,不是原创。只是想放在这上面保存一下。
相关文章推荐
- 用js导出Excel表格
- JS导出excel表格
- node.js导出excel表格----excel-export
- 文章标题js将网页表格导出为excel表格(兼容各种浏览器)
- 前台JS excel表格导出
- js前端导出excel表格
- js导出excel表格中较长数字串会变成科学计数法问题
- js导出Excel表格超出26位英文字符的解决方法ES6
- 前端JS实现导出EXCEL表格
- 通过js代码导出Excel表格
- 通过js代码导出Excel表格
- JS导出excel表格
- JS导出Excel表格
- jsp页面导出用jxl方式导出数据到excel表格并下载保存(第二种直接用java类实现)
- js javascript 导出table表中数据到Excel中
- Thinkphp使用PHPExcel导出Excel表格
- IE浏览器使用JS技术导出到Excel和打印
- MVC项目中如何用JS导出EasyUI DataGrid为Excel
- JS将表格导出excel
- js 全选 反选 导出全部