限 时 特 惠: 本站每日持续更新海量各大内部创业教程,一年会员只需98元,全站资源免费下载 点击查看详情
站 长 微 信: muyang-0410

1 问题描述

我们在浏览一些带有表格的网站的时候,往往会看到“导出”,“打印”等按钮,当我们按下按钮时就能得到一张Excel表格,那么,怎样才能将HTML里面的table标签里的内容导出成Excel表格呢?

2 问题分析

我们看到的网页大多都是HTML写出来的,那么我们要用什么来导出table里面的东西呢?其实我们可以用js来实现这一功能。

3 解决方案首先我们简单的写一个table表格出来:

js导出_导出json文件_导出jsp文件

导出json文件_导出jsp文件_js导出

现在我们想要实现的是当我们点击导出的时候,能导出网页上的内容,并在我们的电脑上生成一张Excel表格。我们先来分析一下,我们想要得到的是table标签里面的东西,那么我们是否可以用的方法来返回指定的对象呢?

然后,我们可以通过属性,设置或返回表格行的开始和结束标签之间的HTML。

导出jsp文件_js导出_导出json文件

之后,我们就可以采用data:/vnd.ms-excel;方式从浏览器导出数据到Excel。

导出json文件_导出jsp文件_js导出

最后,我们用来完成点击下载的操作。

js导出_导出jsp文件_导出json文件

运行之后的成果:

导出json文件_导出jsp文件_js导出

导出json文件_js导出_导出jsp文件

js导出_导出jsp文件_导出json文件

这样我们就把网页上的table表格导出成了Excel表格了。但是,如果我们遇到的一些编号很长的表格时会遇到下面这种情况:

导出jsp文件_js导出_导出json文件

这时,我们的Excel将它默认为数值格式,并用科学计数法表示了,那我们应该怎么改呢?

我们可以给table的标签加入style,让标签里面的数字保持为文本格式,用mso–:’@’(这里的@表示文本格式,其他更多的格式,可以参照Excel自定义单元格式的用法)。

这样一来,就满足我们的要求了。

4 总结我们用了js来导出HTML里面的table,完成了导出的基本功能,但是这个功能还可以再继续改进,比如生成的Excel表格没有边框,在打开Excel的时候,会弹出一个警告。尽管这些都不影响我们的主要功能,但是这也告诉我们还可以更进一步的改良js导出,学习是没有止境的js导出,我们还需要不断地完善自己。

5 参考文献

《在js导出表格到excel的时候,如何用js设置时间的的格式》

《html中table导出Excel》

导出jsp文件_导出json文件_js导出

欢迎点击「算法与编程之美」↑关注我们!

限 时 特 惠: 本站每日持续更新海量各大内部创业教程,一年会员只需98元,全站资源免费下载 点击查看详情
站 长 微 信: muyang-0410