文档章节

ie9兼容模式下可用,js导出table到excel

龙哥ge
 龙哥ge
发布于 2017/07/04 16:44
字数 589
阅读 49
收藏 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html;"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
    <title>WEB页面导出为EXCEL文档的方法</title>  
</head>  
<body>
     
<table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">  
    <tr>  
        <td colspan="5" align="center">WEB页面导出为EXCEL文档的方法</td>  
    </tr>  
    <tr>  
        <td>列标题1</td>  
        <td>列标题2</td>  
        <td>列标题3</td>  
        <td>列标题4</td>  
        <td>列标题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>  

<table id="tableExcel1" width="100%" border="1" cellspacing="0" cellpadding="0">  
    <tr>  
        <td colspan="4" align="center">妞妞</td>  
    </tr>  
    <tr>  
        <td>列标题1</td>  
        <td>列标题2</td>  
        <td>列标题3</td>  
        <td>列标题5</td>  
    </tr>  
    <tr>  
        <td>AAA</td>  
        <td>BBB</td>  
        <td>CCC</td> 
        <td>EEE</td>  
    </tr>  
    <tr>  
        <td>FFF</td>  
        <td>GGG</td>  
        <td>HHH</td>   
        <td>JJJ</td>  
    </tr>  
</table>

<input type="checkbox" name="" id="" value="" />
<div class="ww"></div>


<button type="submit" onclick="exec()" class="btn btn-primary" style="position:relative;width: 100px;height: 26px;">
    <a id="dlink" href="" style="display: none;"></a><span style="position: absolute;
    left: 40px;top:5px;">导出</span></button>
    
  
  
<script src="jquery-1.8.3.min.js"></script>
<SCRIPT LANGUAGE="javascript">  

function exec(){
    var tb=$("#tableExcel").html();
    var tb1=$("#tableExcel1").html();
    
    var tabhtml='<table id="tableExcel2" width="100%" border="1" cellspacing="0" cellpadding="0" style="display:block">'+tb+'<tr></tr>'+tb1+'</table>';
    
    var cells1=$($("#tableExcel").find("tr")[1]).find("td").length;
    var cells2=$($("#tableExcel1").find("tr")[1]).find("td").length;
    
    
    $(".ww").html(tabhtml);
    
    
    exportExcel('tableExcel2','name','WEB页面导出为EXCEL文档的方法.xls');
    
    
}


var idTmr; 
    function  getExplorer() { 
        var explorer = window.navigator.userAgent ; 
        
        //ie 
        if (explorer.indexOf("MSIE") >= 0|| (explorer.indexOf("Windows NT 6.1;") >= 0 && explorer.indexOf("Trident/7.0;") >= 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 exportExcel(tableid,name,filename) { 
        //    alert(getExplorer());
        if(getExplorer()=='ie') { 

                var curTbl = document.getElementById(tableid);  
        var oXL = new ActiveXObject("Excel.Application");  
        var oWB = oXL.Workbooks.Add();  
        var oSheet = oWB.ActiveSheet;  
        var Lenr = curTbl.rows.length;  
        for (i = 0; i < Lenr; i++){        
              var Lenc = curTbl.rows(i).cells.length;
            for (j = 0; j < Lenc; j++){  
              oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;  
  
            }  
  
        }  
        oXL.Visible = true;
    
        }else{ 
            tableToExcel(tableid,name,filename) 
      } 
    } 
    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 border="1">{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,filename) { 
            if (!table.nodeType) table = document.getElementById(table) 
            var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
            document.getElementById("dlink").href = uri + base64(format(template, ctx));
            document.getElementById("dlink").download = filename;
            document.getElementById("dlink").click();
        } 
    })() 

</SCRIPT>  
</body>  
</html>  

© 著作权归作者所有

龙哥ge
粉丝 0
博文 69
码字总数 57107
作品 0
合肥
前端工程师
私信 提问
KindEditor 3.5.4 发布,直接兼容IE9

KindEditor是在国内非常流行的开源HTML编辑器,本次版本最重要的改进是直接兼容IE9,在IE9上无需加入X-UA-Compatible META标签。 修改过的文件: -------- * kindeditor.js 修改记录: ----...

红薯
2011/05/01
2.6K
7
关于 IE9:您必须要知道的九件事情

全新的 IE9 为我们带来了新 JavaScript 引擎、GPU 硬件加速、子系统优化、全面支持最新网络标准、整合更多开发工具等等这些让人耳目一新的功能,但是你看到这些是不是觉得一头雾水?不知道说...

红薯
2010/12/31
2.2K
19
使用C#或javascript将Table里的数据导出到Excel

本方法已经将导出excel做成分部视图,引用时只需在视图中使用如下代码即可: @{ 其中divId为table外层紧连的div的Id,filename为导出的excel名字。本模块使用MVC,以下为Controller部分,其中...

andrewniu
2018/05/24
0
0
关于浏览器模式和文本模式的困惑

什么是浏览器模式和文本模式? 经常使用IE开发者工具的同学,肯定见过浏览器模式和文本模式,对于这两个名词,综合相关文档解释如下: 浏览器模式(Browser Mode),用于切换IE针对该网页的默...

lg2045
2013/07/01
0
0
[转]JSON对象和字符串之间的相互转换

比如我有两个变量,我要将a转换成字符串,将b转换成JSON对象: var a={"name":"tom","sex":"男","age":"24"};var b='{"name":"Mike","sex":"女","age":"29"}'; 在Firefox,chrome,...

mj4738
2012/04/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

浙江易柏生物技术有限公司年产200万份高危型HPV分型检测试剂盒、200万份高危型HPVE6-E7mRNA荧光检测试剂盒生产线项目环境影响评价公告信息

浙江易柏生物技术有限公司年产200万份高危型HPV分型检测试剂盒、200万份高危型HPVE6-E7mRNA荧光检测试剂盒生产线项目环境影响评价公告信息 一、建设项目基本情况 项目名称:年产200万份高危型...

miaojiangmin
49分钟前
2
0
nproc systemd on CentOS 7

Increasing nproc for processes launched by systemd on CentOS 7 Ask Question I have successfully increased the nofile and nproc value for the local users, but I couldn't find a p......

MtrS
今天
3
0
了解微信小程序下拉刷新功能

小程序提供了这个事件。 onPullDownRefresh() 监听用户下拉刷新事件。 如果要开启下拉刷新功能,要先到json配置: "enablePullDownRefresh":true 配置后下拉有反应了但是没有加载效果,在onP...

oixxan__
今天
2
0
springmvc java对象转json,上传下载(未完)拦截器Interceptor以及源码解析(未完待续)

package com.atguigu.my.controller;import java.util.Collection;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Contr......

architect刘源源
今天
33
0
[日更-2019.5.24、25、26] Android系统中的Binder通信机制分析(一)--servicemanager

声明 其实对于Android系统Binder通信的机制早就有分析的想法,记得去年6、7月份Mr.Deng离职期间约定一起对其进行研究的,但因为我个人问题没能实施这个计划,留下些许遗憾... 最近,刚好在做...

Captain_小馬佩德罗
昨天
24
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部