js将html table导成excel表格,IE、Google Chrome都能用

这篇博客记录了如何使用JavaScript将HTML表格导出为Excel文件,兼容IE和Google Chrome浏览器。作者在实现过程中遇到了各种限制,最终通过组合不同方案成功解决了问题,感叹IE浏览器在开发中的不便。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求:添加了一个按钮,将中的指定table存储为Excel文件。

在网上search了许多方案,有的只能在IE上用,有的依赖什么什么软件,有的能在Google Chrome上用,不能在IE上用。

我是东拼西凑,再加小修小改完成了任务。My eggs are so painful!

So 记录一下代码,怕以后还会用到。。。(第一次深深地觉得IE是多么的 eggache!!!!!)


//小部分地方用了jQuery来选择或修改html元素,jQuery还是挺强大,容易入门的。不想用jQuery的话,可以换成js原生代码

//导出Excel表格,mytable参数是待导出的table的id
function tabletoExcel(mytalbe) {
    // getExplore()返回1,说明是不是Google Chrome、Firefox、Opera、Safari,那么就认为是IE了。(网上流传的判断IE的js代码好多在Win7无法使用。。。。。。
	if (getExplorer() == 1) {
	    //是IE的话,就调用toExcel()方法来导出Excel表格,不依赖微软的Excel产品。(toExcel()方法的定义见下面)
		toExcel(mytable, '');
		return;
	}
	
	// 不是IE的话就调用下面的代码导出Excel文件
	
	
	//获得id为mytable的table的html元素
	var table=document.getElementById(mytable);
	// 克隆(复制)此table元素,这样对复制品进行修改(如添加或改变table的标题等),导出复制品,而不影响原table在浏览器中的展示。
	table = table.cloneNode(true);
	//下面五行代码就是用来改变table中的某些信息的,不需要的话可以注释,或修改。
	var name=$("#cur_title_date").text()+"XXX信息统计表";
	var caption_orig = table.getElementsByTagName("caption");
	$(caption_orig).text(name);
	var th_first_ele = table.getElementsByTagName("th")[0];
	th_first_ele.innerHTML="XXX的编号";
	
	// 下面的代码才是真正用来将html table导出Excel表格࿰
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值