html 导出到 excel,使用html还可以导出excel呢,让我们一起来看看吧,html结合js是如何导出excel的。
流程 :
1. 获取html标签内容
2. 获取html标签内容
3. 转成blob 对象
4. 添加模拟事件
<!doctype html>
<!-- demo -->
<html>
<head>
<meta charset="utf-8">
<title>网页html存本地</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<a href="#">保存文件</a>
<script>
// 事 件 模 拟
/**
*对象 url 也被称为 blob url,指的是引用保存在 file 或 blob 中数据的 url。使用对象 url 的
*好处是可以不必把文件内容读取到 javascript 中而直接使用文件内容。为此,只要在需要文件内容的地
*方提供对象 url 即可。要创建对象 url,可以使用 window.url.createobjecturl() 方法,并传入
*file 或 blob 对象。
*/
function fake_click(obj) {
var ev = document.createevent("mouseevents");
// 初始化事件对象
ev.initmouseevent(
"click", true, false, window, 0, 0, 0, 0, 0
, false, false, false, false, 0, null
);
// 触发事件
obj.dispatchevent(ev);
}
function export_raw(name, data) {
var urlobject = window.url || window.webkiturl || window;
var export_blob = new blob([data]);
// xhtml 的命名空间是 http://www.w3.org/1999/xhtml
var save_link = document.createelementns("http://www.w3.org/1999/xhtml", "a")
save_link.href = urlobject.createobjecturl(export_blob);
save_link.download = name;
fake_click(save_link);
}
var test=document.getelementsbytagname('html')[0].outerhtml;
$('a').click(function() {
export_raw('test.xsl', test);
});
</script>
</body>
</html>
以上就是html 导出到 excel的所有内容和源码,希望可以给大家带来帮助吧
相关推荐:
怎么在execl文件中同时导入数据和插入图片?
php 导出execl 异常 挤到一列去了
html导出excel的实例代码
以上就是html 导出到 excel的详细内容。