限 时 特 惠: 本站每日持续更新海量各大内部创业教程,一年会员只需98元,全站资源免费下载 点击查看详情
站 长 微 信: muyang-0410
1 问题描述
我们在浏览一些带有表格的网站的时候,往往会看到“导出”,“打印”等按钮,当我们按下按钮时就能得到一张Excel表格,那么,怎样才能将HTML里面的table标签里的内容导出成Excel表格呢?
2 问题分析
我们看到的网页大多都是HTML写出来的,那么我们要用什么来导出table里面的东西呢?其实我们可以用js来实现这一功能。
3 解决方案首先我们简单的写一个table表格出来:
现在我们想要实现的是当我们点击导出的时候,能导出网页上的内容,并在我们的电脑上生成一张Excel表格。我们先来分析一下,我们想要得到的是table标签里面的东西,那么我们是否可以用的方法来返回指定的对象呢?
然后,我们可以通过属性,设置或返回表格行的开始和结束标签之间的HTML。
之后,我们就可以采用data:/vnd.ms-excel;方式从浏览器导出数据到Excel。
最后,我们用来完成点击下载的操作。
运行之后的成果:
这样我们就把网页上的table表格导出成了Excel表格了。但是,如果我们遇到的一些编号很长的表格时会遇到下面这种情况:
这时,我们的Excel将它默认为数值格式,并用科学计数法表示了,那我们应该怎么改呢?
我们可以给table的标签加入style,让标签里面的数字保持为文本格式,用mso–:’@’(这里的@表示文本格式,其他更多的格式,可以参照Excel自定义单元格式的用法)。
这样一来,就满足我们的要求了。
4 总结我们用了js来导出HTML里面的table,完成了导出的基本功能,但是这个功能还可以再继续改进,比如生成的Excel表格没有边框,在打开Excel的时候,会弹出一个警告。尽管这些都不影响我们的主要功能,但是这也告诉我们还可以更进一步的改良js导出,学习是没有止境的js导出,我们还需要不断地完善自己。
5 参考文献
《在js导出表格到excel的时候,如何用js设置时间的的格式》
《html中table导出Excel》
能
力
越
强
责
任
越
大
欢迎点击「算法与编程之美」↑关注我们!
限 时 特 惠: 本站每日持续更新海量各大内部创业教程,一年会员只需98元,全站资源免费下载 点击查看详情
站 长 微 信: muyang-0410