Javascript 将大型html表格导出到excel

Javascript 将大型html表格导出到excel,javascript,excel,Javascript,Excel,我想将html表导出到excel,因此我使用以下javascript代码: var tableToExcel = (function () { var tds = document.getElementsByTagName("td"); var uri = 'data:application/vnd.ms-excel;base64,' , template = '<html xmlns:o="urn:schemas-micr

我想将html表导出到excel,因此我使用以下javascript代码:

var tableToExcel = (function () {
        var tds = document.getElementsByTagName("td");

        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" content="application/vnd.ms-excel; 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><table x:str>{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))
        }
    })();
var tableToExcel=(函数(){
var tds=document.getElementsByTagName(“td”);
var uri='data:application/vnd.ms excel;base64,'
,模板=“{table}”
,base64=函数{
返回窗口.btoa(unescape(一个或多个组件)))
}
,格式=函数(s,c){
返回s.replace(/{(\w+)}/g,函数(m,p){
返回c[p];
})
}
返回函数(表、名称){
if(!table.nodeType)
table=document.getElementById(table);
var ctx={工作表:名称| |'工作表',表:table.innerHTML}
window.location.href=uri+base64(格式(模板,ctx))
}
})();
起初,这段代码对我来说很好,但在非常大的表中却不行,因为uri对于window.location.href来说太长了。
他们有没有办法将大表导出到Excel?

我找到了一种方法来解决这个问题,使用 :请检查以下内容

HTML

Javascript


这对我来说非常适用于HTML表格的大数据集。

您可以使用此功能下载大HTML表格

function ExportToExcel(tableid) {
        var tab_text = "<table border='2px'><tr bgcolor='#87AFC6'>";
        var textRange; var j = 0;
        tab = document.getElementById(tableid);//.getElementsByTagName('table'); // id of table
        if (tab==null) {
            return false;
        }
        if (tab.rows.length == 0) {
            return false;
        }

        for (j = 0 ; j < tab.rows.length ; j++) {
            tab_text = tab_text + tab.rows[j].innerHTML + "</tr>";
            //tab_text=tab_text+"</tr>";
        }

        tab_text = tab_text + "</table>";
        tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
        tab_text = tab_text.replace(/<img[^>]*>/gi, ""); // remove if u want images in your table
        tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params

        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE ");

        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
        {
            txtArea1.document.open("txt/html", "replace");
            txtArea1.document.write(tab_text);
            txtArea1.document.close();
            txtArea1.focus();
            sa = txtArea1.document.execCommand("SaveAs", true, "download.xls");
        }
        else                 //other browser not tested on IE 11
            //sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));
            try {
                var blob = new Blob([tab_text], { type: "application/vnd.ms-excel" });
                window.URL = window.URL || window.webkitURL;
                link = window.URL.createObjectURL(blob);
                a = document.createElement("a");
                if (document.getElementById("caption")!=null) {
                    a.download=document.getElementById("caption").innerText;
                }
                else
                {
                    a.download = 'download';
                }

                a.href = link;

                document.body.appendChild(a);

                a.click();

                document.body.removeChild(a);
            } catch (e) {
            }


        return false;
        //return (sa);
    }
函数ExportToExcel(tableid){
var tab_text=“”;
var textRange;var j=0;
tab=document.getElementById(tableid);//.getElementsByTagName('table');//表的id
if(tab==null){
返回false;
}
如果(tab.rows.length==0){
返回false;
}
对于(j=0;j|/g,“”;//如果需要表中的链接,请删除
tab_text=tab_text.replace(//*>/gi,“”;//如果希望表中有图像,请删除
tab_text=tab_text.replace(//*>|/gi,“”)//reomves输入参数
var ua=window.navigator.userAgent;
变量msie=ua.indexOf(“msie”);
如果(msie>0 | |!!navigator.userAgent.match(/Trident.*rv \:11\./)//如果Internet Explorer
{
打开(“txt/html”,“replace”);
txtArea1.文档。写入(制表符文本);
txtArea1.document.close();
txtArea1.focus();
sa=txtArea1.document.execCommand(“SaveAs”,true,“download.xls”);
}
else//其他浏览器未在IE 11上测试
//sa=window.open('data:application/vnd.ms excel',+encodeURIComponent(制表符文本));
试一试{
var blob=new blob([tab_text],{type:“application/vnd.ms excel”});
window.URL=window.URL | | window.webkitURL;
link=window.URL.createObjectURL(blob);
a=document.createElement(“a”);
if(document.getElementById(“标题”)!=null){
a、 下载=document.getElementById(“标题”).innerText;
}
其他的
{
a、 下载=‘下载’;
}
a、 href=链接;
文件.正文.附件(a);
a、 单击();
文件.body.removeChild(a);
}捕获(e){
}
返回false;
//返回(sa);
}

参考,也可以参考,伙计!!这是最好的,它立即生成10000行25列