zoukankan      html  css  js  c++  java
  • 使用js代码将html导出为Excel

    js代码将html导出为Excel的方法:

    直接上源码:

    <script type="text/javascript" language="javascript">
    
    var idTmr;
    function getExplorer() {
    var explorer = window.navigator.userAgent ;
    //ie
    if (explorer.indexOf("MSIE") >= 0) {
    return 'ie';
    }
    //firefox
    else if (explorer.indexOf("Firefox") >= 0) {
    return 'Firefox';
    }
    //Chrome
    else if(explorer.indexOf("Chrome") >= 0){
    return 'Chrome';
    }
    //Opera
    else if(explorer.indexOf("Opera") >= 0){
    return 'Opera';
    }
    //Safari
    else if(explorer.indexOf("Safari") >= 0){
    return 'Safari';
    }
    }
    function method1(tableid) {//整个表格拷贝到EXCEL中
    if(getExplorer()=='ie')
    {
    var curTbl = document.getElementById(tableid);
    var oXL = new ActiveXObject("Excel.Application");
    
    //创建AX对象excel
    var oWB = oXL.Workbooks.Add();
    //获取workbook对象
    var xlsheet = oWB.Worksheets(1);
    //激活当前sheet
    var sel = document.body.createTextRange();
    sel.moveToElementText(curTbl);
    //把表格中的内容移到TextRange中
    sel.select();
    //全选TextRange中内容
    sel.execCommand("Copy");
    //复制TextRange中内容 
    xlsheet.Paste();
    //粘贴到活动的EXCEL中 
    oXL.Visible = true;
    //设置excel可见属性
    
    try {
    var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
    } catch (e) {
    print("Nested catch caught " + e);
    } finally {
    oWB.SaveAs(fname);
    
    oWB.Close(savechanges = false);
    //xls.visible = false;
    oXL.Quit();
    oXL = null;
    //结束excel进程,退出完成
    //window.setInterval("Cleanup();",1);
    idTmr = window.setInterval("Cleanup();", 1);
    
    }
    }
    else
    {
    tableToExcel(tableid)
    }
    }
    function Cleanup() {
    window.clearInterval(idTmr);
    CollectGarbage();
    }
    var tableToExcel = (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"><meta http-equiv="Content-Type" charset=utf-8"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body></p>
    <table>{table}</table>
    <p></body></html>',
    base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },
    format = function(s, c) {
    return s.replace(/{(w+)}/g,
    function(m, p) { return c[p]; }) }
    return function(table, name) {
    if (!table.nodeType) table = document.getElementById(table)
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
    window.location.href = uri + base64(format(template, ctx))
    }
    })()
    </script>
    </pre>
    <table id="test" border="1px" width="100%" cellspacing="0" cellpadding="0" align="center" bgcolor="#fff">
    <tbody>
    <tr>
    <th width="10%">调查案例</th>
    <th width="10%">公司名称</th>
    <th width="10%">地  址</th>
    <th width="5%">部门</th>
    <th width="5%">联系人</th>
    <th width="10%">联系方式</th>
    <th width="20%">具體情况</th>
    <th width="20%">问券填写</th>
    <th width="10%">提交时间</th>
    </tr>
    </tbody>
    </table>
    <input id="Button1" style="padding: 5px; margin-top: 20px;" type="button" value="导出EXCEL" />
    <pre>
    

      

  • 相关阅读:
    一文解读RESTful (转)
    一文解读Redis (转)
    一文解读JSON (转)
    一文解读单点登录 (转)
    一文解读雪碧图 (转)
    一文解读骨架屏 (转)
    一文解读MPA/SPA(转)
    一文解读HTTP2 (转)
    一文解读HTTP (转)
    HTML5中Video标签无法播放mp4的解决办法
  • 原文地址:https://www.cnblogs.com/colinliu/p/html-table-excel.html
Copyright © 2011-2022 走看看