最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

純JS將table表格導(dǎo)出到excel的方法

 更新時(shí)間:2021年09月30日 17:12:25   作者:陛下_S  
這篇文章主要介紹了純JS將table表格導(dǎo)出到excel的方法,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

html

<div >
    <button type="button" onclick="getXlsFromTbl('tableExcel','myDiv')">IE導(dǎo)出Excel方法</button>
    <button type="button" onclick="method5('tableExcel')">Chrome導(dǎo)出Excel</button>
</div>
<div id="myDiv">
    <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="5" align="center">html 表格導(dǎo)出到Excel</td>
        </tr>
        <tr>
            <td>列標(biāo)題1</td>
            <td>列標(biāo)題2</td>
            <td>類標(biāo)題3</td>
            <td>列標(biāo)題4</td>
            <td>列標(biāo)題5</td>
        </tr>
        <tr>
            <td>aaa</td>
            <td>bbb</td>
            <td>ccc</td>
            <td>ddd</td>
            <td>eee</td>
        </tr>
        <tr>
            <td>AAA</td>
            <td>BBB</td>
            <td>CCC</td>
            <td>DDD</td>
            <td>EEE</td>
        </tr>
        <tr>
            <td>FFF</td>
            <td>GGG</td>
            <td>HHH</td>
            <td>III</td>
            <td>JJJ</td>
        </tr>
    </table>
</div>

js

<script language="JavaScript" type="text/javascript">
        //IE方法
        function getXlsFromTbl(inTblId, inWindow){

            try {
                var allStr = "";
                var curStr = "";
                if (inTblId != null && inTblId != "" && inTblId != "null") {

                    curStr = getTblData(inTblId, inWindow);

                }
                if (curStr != null) {
                    allStr += curStr;
                }

                else {

                    alert("你要導(dǎo)出的表不存在");
                    return;
                }
                var fileName = getExcelFileName();
                doFileExport(fileName, allStr);

            }

            catch(e) {

                alert("導(dǎo)出發(fā)生異常:" + e.name + "->" + e.description + "!");

            }

        }
        function getTblData(inTbl, inWindow) {

            var rows = 0;
            var tblDocument = document;
            if (!!inWindow && inWindow != "") {

                if (!document.all(inWindow)) {
                    return null;
                }

                else {
                    tblDocument = eval(inWindow).document;
                }

            }

            var curTbl = tblDocument.getElementById(inTbl);
            var outStr = "";
            if (curTbl != null) {
                for (var j = 0; j < curTbl.rows.length; j++) {
                    for (var i = 0; i < curTbl.rows[j].cells.length; i++) {

                        if (i == 0 && rows > 0) {
                            outStr += " t";
                            rows -= 1;
                        }

                        outStr += curTbl.rows[j].cells[i].innerText + "t";
                        if (curTbl.rows[j].cells[i].colSpan > 1) {
                            for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {
                                outStr += " t";
                            }
                        }
                        if (i == 0) {
                            if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {
                                rows = curTbl.rows[j].cells[i].rowSpan - 1;
                            }
                        }
                    }
                    outStr += "rn";
                }
            }

            else {
                outStr = null;
                alert(inTbl + "不存在 !");
            }
            return outStr;
        }
        function getExcelFileName() {
            var d = new Date();
            var curYear = d.getYear();
            var curMonth = "" + (d.getMonth() + 1);
            var curDate = "" + d.getDate();
            var curHour = "" + d.getHours();
            var curMinute = "" + d.getMinutes();
            var curSecond = "" + d.getSeconds();
            if (curMonth.length == 1) {
                curMonth = "0" + curMonth;
            }

            if (curDate.length == 1) {
                curDate = "0" + curDate;
            }

            if (curHour.length == 1) {
                curHour = "0" + curHour;
            }

            if (curMinute.length == 1) {
                curMinute = "0" + curMinute;
            }

            if (curSecond.length == 1) {
                curSecond = "0" + curSecond;
            }
            var fileName = "table" + "_" + curYear + curMonth + curDate + "_"
                    + curHour + curMinute + curSecond + ".csv";
            return fileName;

        }
        function doFileExport(inName, inStr) {
            var xlsWin = null;
            if (!!document.all("glbHideFrm")) {
                xlsWin = glbHideFrm;
            }
            else {
                var width = 6;
                var height = 4;
                var openPara = "left=" + (window.screen.width / 2 - width / 2)
                        + ",top=" + (window.screen.height / 2 - height / 2)
                        + ",scrollbars=no,width=" + width + ",height=" + height;
                xlsWin = window.open("", "_blank", openPara);
            }
            xlsWin.document.write(inStr);
            xlsWin.document.close();
            xlsWin.document.execCommand('Saveas', true, inName);
            xlsWin.close();

        }

        //Chrome方法
        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 method5(tableid) {
            if(getExplorer()=='ie')
            {
                var curTbl = document.getElementById(tableid);
                var oXL = new ActiveXObject("Excel.Application");
                var oWB = oXL.Workbooks.Add();
                var xlsheet = oWB.Worksheets(1);
                var sel = document.body.createTextRange();
                sel.moveToElementText(curTbl);
                sel.select();
                sel.execCommand("Copy");
                xlsheet.Paste();
                oXL.Visible = true;

                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);
                    oXL.Quit();
                    oXL = null;
                    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><head><meta charset="UTF-8"></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}
                window.location.href = uri + base64(format(template, ctx))
            }
        })()

    </script>

到此這篇關(guān)于純JS將table表格導(dǎo)出到excel的方法的文章就介紹到這了,更多相關(guān)js table表格導(dǎo)出excel內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript跨域方法匯總

    JavaScript跨域方法匯總

    這篇文章主要介紹了JavaScript跨域方法匯總,本文總結(jié)了12種JavaScript的跨域方法,需要的朋友可以參考下
    2014-10-10
  • JS實(shí)現(xiàn)簡單tab選項(xiàng)卡切換

    JS實(shí)現(xiàn)簡單tab選項(xiàng)卡切換

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡單tab選項(xiàng)卡切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • JavaScript數(shù)組常用的增刪改查與其他屬性詳解

    JavaScript數(shù)組常用的增刪改查與其他屬性詳解

    這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組常用的增刪改查與其他屬性的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • 去除有數(shù)組中重復(fù)的元素

    去除有數(shù)組中重復(fù)的元素

    數(shù)組 重復(fù)采用的是Object的 in 操作符,體現(xiàn)一把它的強(qiáng)大(有更好的辦法來實(shí)現(xiàn)這個(gè)功能,但是這里只是演示 in 操作符)!
    2008-03-03
  • javascript 數(shù)字格式化輸出的實(shí)現(xiàn)代碼

    javascript 數(shù)字格式化輸出的實(shí)現(xiàn)代碼

    這篇文章主要是對javascript中數(shù)字格式化輸出的實(shí)現(xiàn)代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • 跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理

    跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理

    跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理,感興趣的小伙伴們可以參考一下
    2015-11-11
  • uniapp實(shí)現(xiàn)日期時(shí)間選擇器

    uniapp實(shí)現(xiàn)日期時(shí)間選擇器

    這篇文章主要為大家詳細(xì)介紹了uniapp實(shí)現(xiàn)日期時(shí)間選擇器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • JavaScript輸入框字?jǐn)?shù)實(shí)時(shí)統(tǒng)計(jì)更新

    JavaScript輸入框字?jǐn)?shù)實(shí)時(shí)統(tǒng)計(jì)更新

    這篇文章主要介紹了JavaScript輸入框字?jǐn)?shù)實(shí)時(shí)統(tǒng)計(jì)更新,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • 微信小程序繪制半圓(弧形)進(jìn)度條

    微信小程序繪制半圓(弧形)進(jìn)度條

    這篇文章主要為大家詳細(xì)介紹了微信小程序繪制半圓(弧形)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • 使用 JavaScript 創(chuàng)建可維護(hù)的幻燈片效果代碼

    使用 JavaScript 創(chuàng)建可維護(hù)的幻燈片效果代碼

    顯然,效果很實(shí)用。對于這個(gè)效果,我們并不解釋如何去使用效果庫,而是講解如何創(chuàng)建類似的效果,并保持他的可用性,分離式(unobtrusive),可維護(hù)性(讓未來的維護(hù)者,在不需要修改你的腳本的情況下,修改圖片,外觀或文本標(biāo)簽)。
    2008-06-06

最新評論

巴里| 广宗县| 鄱阳县| 南汇区| 游戏| 邹城市| 大城县| 凤山县| 台安县| 汶上县| 黄石市| 青海省| 淳化县| 墨竹工卡县| 民和| 安国市| 黑山县| 获嘉县| 镇江市| 汤阴县| 马龙县| 冷水江市| 临海市| 锦屏县| 海门市| 和林格尔县| 巴南区| 贺州市| 襄城县| 繁昌县| 湖州市| 土默特左旗| 凤阳县| 万州区| 兴城市| 万盛区| 孙吴县| 元氏县| 金沙县| 阳泉市| 永登县|