码迷,mamicode.com
首页 > 其他好文 > 详细

前端导出数据到excl表格

时间:2017-06-27 13:45:44      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:ica   页面   http   span   border   out   pen   head   window   

首先,导出的数据来源可能有两种:

1. 页面的HTML     table表格

2. json纯数据
第一种 页面的HTML内容导出
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style>
        table {
            border-collapse: collapse;
            color: #555;
            font-weight: normal;
        }
    </style>
</head>
<body>
<table border="1" id="aa">
    <caption>水果列表</caption>
    <tr>
        <th>类别</th>
        <th>名称</th>
    </tr>
    <tr>
        <th>水果</th>
        <th>苹果</th>
    </tr>
    <tr>
        <th>水果</th>
        <th>香蕉</th>
    </tr>
    <tr>
        <th>水果</th>
        <th>梨子</th>
    </tr>
</table>

<div class="daochu" id="daochu">导出表格</div>
<script>
    var html = "<html><head><meta charset=‘utf-8‘ /></head><body>" + document.getElementById("aa").outerHTML + "</body></html>";
    var blob = new Blob([html], { type: "application/vnd.ms-excel" });
    var url_link=URL.createObjectURL(blob);
    var daochu=document.getElementById("daochu");
    daochu.onclick=function(){
        window.open(url_link);
    };
</script>
</body>
</html>

 

前端导出数据到excl表格

标签:ica   页面   http   span   border   out   pen   head   window   

原文地址:http://www.cnblogs.com/zjy1017/p/7083445.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!