添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

替换原因:

document.execCommand(‘SaveAs‘,false,‘Test.xls‘):将页面表格保存为Test.xls文件
//该方法只在IE中支持,谷歌/edge都无法识别,
//因IE不再被微软推荐使用,手上多个项目需要整改

特别注意如果导出的table中包含图片,那么这个图片地址一定是绝对路径,因为excel只会把图片链接插入excel中,而不是一起下载下来,如果图片访问路径无法打开图片那么导出也会无法显示

第一种: demo下载地址

也可下载最新js: jQuery Plugin to export HTML tabled to Excel Spreadsheet Compatible Files

使用基于jquery的 jquery.table2excel.js ,一款专门导入excel的插件,使用简单:

<script src="js/jquery.js"></script>  
    <script src="js/jquery.table2excel.js"></script>  
    <script>  
        $('button').click(function(){  
            console.log(1)  
            $("#datatable").table2excel({  
                exclude: ".noExl",  
                name: "Excel Document Name",  
                filename: "myFileName",  
                exclude_img: true,  
                exclude_links: true,  
                exclude_inputs: true  
//      table2excel插件的可用配置参数有:
//            exclude:不被导出的表格行的CSS class类。
//            name:导出的Excel文档的名称。
//            filename:Excel文件的名称。
//            exclude_img:是否导出图片。
//            exclude_links:是否导出超链接
//            exclude_inputs:是否导出输入框中的内容。
    </script>  

第二种(再原文基础上修改了使用IE下载的方法,因为IE下载还是有问题):

原文: html页面导出为excel表格 - 别动我的猫 - 博客园 (cnblogs.com)

<!DOCTYPE html> <meta charset="UTF-8"> <title></title> </head> <div class="tools"> <button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表格</button> <table border="1" id="dataTable"> <td>王婷111</td> <td>一见倾城333 </td> <td>祈澈姑娘222</td> <td>Python开发者交流平台44</td> <td>wwwangting888</td> <td>13661725475</td> </table> </body> <script> //打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent; 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') { document.execCommand('SaveAs',false,'Test.xls'); } 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 border="1">{table}</table></body></html>', base64 = function( 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> </html> 原文:html页面导出为excel表格 - 别动我的猫 - 博客园 (cnblogs.com)document.execCommand('SaveAs',false,'Test.xls');//该方法只在IE中支持,谷歌/edge都无法识别,//因IE不再被微软推荐使用,手上多个项目需要整改借鉴网上已有的例子实现在其他浏览器正常下载页面表格到Excel:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charse.
[color=red]最近学习编辑器,接触源码之前,我考虑JS应该有一个函数可以得到 所选择文本的内容,今天看到 createRange() ,接着有发现一个 exec Command (),惊喜,这可是让菜鸟经验值暴涨的函数啊,呵呵,从网上找了些资料,收藏之。 from:http://blog.jerryjiang.net/?p=33[/color]————————————————————————...