首页 > web前端 > html教程 > html 导出到 excel

html 导出到 excel

韦小宝
发布: 2017-12-01 11:16:09
原创
2458 人浏览过

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(&#39;html&#39;)[0].outerHTML;

$(&#39;a&#39;).click(function() {
export_raw(&#39;test.xsl&#39;, test);
});
</script>
</body>
</html>
登录后复制

以上就是html 导出到 excel的所有内容和源码,希望可以给大家带来帮助吧

相关推荐:

怎么在EXECL文件中同时导入数据和插入图片?

PHP 导出execl 异常 挤到一列去了

HTML导出Excel的实例代码

以上是html 导出到 excel的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板