谷歌和火狐的文件名像是编码后的~~

第1部分：html + js

1.要使用的表格数据（不考虑动态生成的表格）

    <table class="table tableStyles" id="tables">
        <caption>不正经的统计表caption>
        <thead>
            <tr>
                <th>品牌th>
                <th>门店th>
                <th>本周回访th>
                <th>本月回访th>
                <th>总回访th>
                <th>本周成交数th>
                <th>本月成交数th>
                <th>总成交数th>
                <th>异常量th>
                <th>成交转化率th>
                <th>经手人/th>
            tr>
        thead>
        <tbody>
            <tr>
                <td rowspan="3">华为td>
                <td>华为深圳店td>
                <td>20td>
                <td>80td>
                <td>500td>
                <td>1td>
                <td>3td>
                <td>20td>
                <td>1td>
                <td>4.0%td>
                <td>黄生td>
            tr>
            <tr>
                <td>华为东莞店td>
                <td>20td>
                <td>80td>
                <td>500td>
                <td>1td>
                <td>3td>
                <td>20td>
                <td>1td>
                <td>4.0%td>
                <td>黄生td>
            tr>
            <tr>
                <td>华为佛山店td>
                <td>20td>
                <td>80td>
                <td>500td>
                <td>1td>
                <td>3td>
                <td>20td>
                <td>1td>
                <td>4.0%td>
                <td>黄生td>
            tr>
            <tr>
                <td rowspan="3">小米td>
                <td>米家深圳店td>
                <td>20td>
                <td>80td>
                <td>500td>
                <td>1td>
                <td>3td>
                <td>20td>
                <td>1td>
                <td>4.0%td>
                <td>林生td>
            tr>
        tbody>
    table>
    

查看代码

2.Js代码

①使用html5的下载属性，单击下载文件

<a id="dlink"  style="display:none;">a>
<input type="button" onclick="tableToExcel('tables', 'name', 'myfile.xls')" value="Export to Excel">

查看代码

②创建一个ActiveXObject对象并将其复制到表中

<input id="Button1" type="button" value="导出EXCEL" onclick="javascript:excels('tables')" />

查看代码

第2部分：分析和测试

测试环境（Google，Firefox，IE，EDGE，QQ浏览器）

①。真正有效的是标签的属性，输入按钮仅是对下载属性的过渡；

有编码和解码，需要注意中文乱码情况；

该测试仅在Google和Firefox上有效，并且只有Google下载的文件名为“ download.xls”。 Firefox的文件名就像编码的一样〜

当然，双核浏览器仅在chrome内核下才有效~~

我更喜欢的一件事是，将在html中合并的单元格导出到excel以保持合并效果~~

Google屏幕截图：

Firefox屏幕截图：

②。主要使用AX对象创建excel

它在IE下不起作用，它将提示错误“无法使用什么对象或什么”

是否需要安装Office软件？未经测试。

在这些浏览器中，Google的体验要好一些，您也可以输入名称或其他名称~~，其他体验不是很友好~~

我还需要考虑其他问题，表格内容分页如何导出？是否在过滤条件后全部导出？等一下〜

附加源评论地址：

在开发过程中有很多意外的事情，所以请继续！

~~~~~~~~~~~~~最后一个解决方案是使用插件~~~~~~~~~~~~~

例如，在github

1020星：

270星：

159星：

说明，带有更多星号的插件具有base64编码，因此需要其他js脚本！

我个人喜欢图书馆里星星最少的图书馆。感觉很清晰，可以按需加载〜

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shumachanpin/article-352715-1.html