zoukankan      html  css  js  c++  java
  • js导出Excel并指定文件名

    <table id="tb"><tr><td>1111</td></tr><tr><td>2222</td></tr><tr><td>333</td></tr><tr><td>444</td></tr></table>
    <a href="" download="myexcel.xls" id="dl">下载xls</a>
    <script>
        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"><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><table>{table}</table></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 }
                return uri + base64(format(template, ctx))/////
                window.location.href = uri + base64(format(template, ctx))
            }
        })()
       dl.href= tableToExcel('tb','hello')
    </script>


    原文链接:http://cleanbugs.com/item/412534/js-will-be-exported-to-the-jsp-page-excel-file-name-set-when-the-table-non-ie.html
  • 相关阅读:
    网格视图
    使用box-shadow 属性用来可以创建纸质样式卡片:
    css 按钮动画
    vue父组件向自定义组件传递参数过程
    vue中如何使用 v-model 实现双向数据绑定?
    vue中是如何实现响应键盘回车事件
    vue中如何实现 样式绑定?
    webpack require.Context功能作用
    Personal tips for success
    my blog frist
  • 原文地址:https://www.cnblogs.com/nanyuchen/p/6679154.html
Copyright © 2011-2022 走看看