html 页面导出实现

最新推荐文章于 2024-09-29 12:35:31 发布

shaolong_Li

最新推荐文章于 2024-09-29 12:35:31 发布

阅读量1.5k

点赞数

文章标签： html html5 javascript

本文链接：https://blog.csdn.net/shaolong_Li/article/details/112308202

版权

这篇博客介绍了如何在网页中将含有表格的内容导出为Excel文件，针对IE和其他非IE浏览器提供了不同的导出方法。通过JavaScript函数HtmlExportToExcelForIE和HtmlExportToExcelForEntire，实现了在不同浏览器环境下将表格内容转换成Excel并下载的功能。

摘要由CSDN通过智能技术生成

首先创建table给 table 添加 id="tabId"，在body里添加<a id="exportId"></a> 标签。

在js中写入

winname.document.open('application/vnd.ms-excel', 'export excel');
winname.document.writeln(strHTML);
winname.document.execCommand('saveas', '', filename + '.xls');
winname.close();

} catch (e) {
alert(e.description);
}
}
//非IE浏览器导出Excel
var HtmlExportToExcelForEntire = (function() {
var uri = 'data:application/vnd.ms-excel;base64,',
template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head></head><body><table border="1" cellpadding="2" cellspacing="0">{table}</table></body></html>

其中 filename 为导出的文件名（部分浏览器可能乱码，请自行测试）。

本文章部分来源于网络，如有侵权请联系删除。