html页面用excel打印,原生表格转Excel.html

/* 此样式仅用于浏览器页面效果，Excel不会分离表格边框，不需要此样式 */

table {

border-collapse: collapse;

}

学生成绩表

编号	学号	姓名	性别	年龄	成绩
					语文	数学	英语
1	2016001	张三	男	13	85	94	77
2	2016002	李四	女	12	96	84	89
3	dydjhdjdjhgd	dydjhdjdjhgd	dydjhdjdjhgd	dydjhdjdjhgd dydjhdjdjhgd dydjhdjdjhgd dydjhdjdjhgd

导出表格

// 使用outerHTML属性获取整个table元素的HTML代码(包括

var html = "

" + document.getElementsByTagName("table")[0].outerHTML + "";

// 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象

var blob = new Blob([html], { type: "application/vnd.ms-excel" });

var a = document.getElementsByTagName("a")[0];

// 利用URL.createObjectURL()方法为a元素生成blob URL

a.href = URL.createObjectURL(blob);

// 设置文件名，目前只有Chrome和FireFox支持此属性

a.download = "学生成绩表.xls";

一键复制

编辑

Web IDE

原始数据

按行查看

历史