<script language="JavaScript" type="text/javascript">

    	//jQuery HTML导出Excel文件(兼容IE及所有浏览器)

        function HtmlExportToExcel(tableid,file_name) {

            var filename =file_name; //'Book'

            if (getExplorer() == 'ie' || getExplorer() == undefined) {

                HtmlExportToExcelForIE(tableid, filename);

            }

            else {

                HtmlExportToExcelForEntire(tableid, filename)

            }

        }

        //IE浏览器导出Excel

        function HtmlExportToExcelForIE(tableid, filename) {

            try {

                var curTbl = document.getElementById(tableid);

	            var oXL;

	            try{

	                oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel

	            }catch(e){

	                alert("无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel，"+"那么请调整IE的安全级别。\n\n具体操作：\n\n"+"工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");

	                return false;

	            }

	            var oWB = oXL.Workbooks.Add(); //获取workbook对象

	            var oSheet = oWB.ActiveSheet;//激活当前sheet

	            var sel = document.body.createTextRange();

	            sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中

	            try{

	            	sel.select(); //全选TextRange中内容

	            }catch(e1){

	            	e1.description

	            }

	            sel.execCommand("Copy");//复制TextRange中内容

	            oSheet.Paste();//粘贴到活动的EXCEL中

	            oXL.Visible = true; //设置excel可见属性

	            var fname = oXL.Application.GetSaveAsFilename(filename+".xls", "Excel Spreadsheets (*.xls), *.xls");

	            oWB.SaveAs(fname);

	            oWB.Close();

	            oXL.Quit(); 

            } catch (e) {

                alert(e.description);

            }

        }

        //非IE浏览器导出Excel

        var HtmlExportToExcelForEntire = (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 }

                document.getElementById("dlink").href = uri + base64(format(template, ctx));

                document.getElementById("dlink").download = name + ".xls";

                document.getElementById("dlink").click();

            }

        })()

        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';

            }

        }

</script>

//调用

function ToExcel(){

     HtmlExportToExcel('table_main','Book');

}

//html部分   table_main为table的id

<table  id="table_main"    > 

</table>

　　

　　

javascript 将 table 导出 Excel ,可跨行跨列的更多相关文章

  1. 支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件

    今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) {        var table = document ...

  2. html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel，保留table样式

    先上代码   <script type="text/javascript" language="javascript">   var idTmr; ...

  3. js实现table导出Excel，保留table样式

    浏览器环境:谷歌浏览器 1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 <td sty ...

  4. ASP如何将table导出EXCEL表格

    网页导出excel表格非常常用,对于一些加载<table>的数据网页,经常会用到这种功能,下面和大家分享一下ASP如何导出EXCEL表格 工具/原料   ASP编辑器 方法/步骤     ...

  5. html中的table导出Excel

    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...

  6. html中的table导出Excel （亲测有用(●'◡'●)）

    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...

  7. 使用javascript纯前端导出excel

    前言(感谢技术的分享者) 参考博客地址 github地址 由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls.xlsx ...

  8. element ui table 导出excel表格

    https://blog.csdn.net/u010427666/article/details/79208145 vue2.0 + element UI 中 el-table 数据导出Excel1. ...

  9. 如何使用JavaScript导入和导出Excel文件

    本文由葡萄城技术团队于原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. JavaScript是一个涵盖多种框架.直译式.可以轻松自定义客户端的脚本 ...

随机推荐

  1. Spring思维导图（AOP篇）

    什么是aop AOP(Aspect-OrientedProgramming,面向方面编程),可以说是OOP(Object-Oriented Programing,面向对象编程)的补充和完善.OOP允许 ...

  2. HUST软件测试数媒1501班: 第0周作业成绩

    说明 本次公布的成绩包含三次作业的结果: 毕博平台课前测试题 第0周作业1:开设博客 第0周作业2:博客阅读和思考 如果同学对作业结果存在异议,可以: 在线平台的第一周在线答疑中创建话题申诉. 或直接 ...

  3. 编写高质量代码改善C#程序的157个建议——建议108：将类型标识为sealed

    建议108:将类型标识为sealed sealed能够阻止类型被其他类型继承.代码如下: sealed class SampleClass { } class OtherClass : SampleC ...

  4. 阿里云vsftp安装和简单的配置

    1.系统环境 [root@jie ~]# cat /etc/redhat-release CentOS release 6.8 (Final) [root@jie ~]# [root@jie ~]# ...

  5. VC中CDC与HDC的区别以及二者之间的转换

    CDC是MFC的DC的一个类 HDC是DC的句柄,API中的一个类似指针的数据类型. MFC类的前缀都是C开头的 H开头的大多数是句柄 这是为了助记,是编程读\写代码的好的习惯. CDC中所有MFC的 ...

  6. 设置ArcGIS地图文档的数据源为相对路径

    ArcGIS中默认情况下,地图文档的数据源路径为绝对路径.在这种情况下,如果移动/拷贝地图文档及其数据源后,再次打开地图文档时,就看不到具体图层数据了(图层列表中图层前有“!”图标,并且无法查看图层数 ...

  7. Java中String、StringBuffer和StringBuilder之间的区别

    String在Java中是字符串常量 例如 String str = "abc"; str = str + 1; System.out.println(str); 结果将是abc1 ...

  8. Python【运算符】

    本文介绍 1.Python运算符 运算符分类 运算符分为:算数运算.比较运算.逻辑运算.赋值运算.成员运算.身份运算.位运算 一.算数运算:返回数字 假设变量a=10,b=20 运算符: + 相加a+ ...

  9. 动态生成select框内容

    获取动态数据,显示在select选项中,当前select在jsp页面中 <select > <option>这里放选中或者当前的数据</option> <%f ...

  10. 趣图：当我捕获Bug的时候

      趣图:当我以为已捕获了所有可能的异常...的时候 趣图:程序员调 Bug 的感觉,就是这样的