使用jquery将表格内容导出到Excel不能在IE 8中工作

时间:2014-06-25 12:15:52

标签: javascript jquery html firefox internet-explorer-8

在这里,我尝试将表内容导出到excel。它在Firefox中运行良好。但它在IE 8中无效。有人可以帮我解决这个问题吗?我在这里使用过jquery。如果可以使用javascript,我也可以。

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
        <script>
            $(document).ready(function() {
                $("[id$=excellink]").click(function(e) {
                    alert("$('div[id$=dvData]').html()");
                    window.open('data:application/vnd.ms-excel,' + encodeURIComponent( $('div[id$=dvData]').html()));
                    e.preventDefault();
                });
            });
        </script>
        <body>
            <br/>
            <div id="dvData">
                <table>
                    <tr>
                        <th>Billing System</th>
                        <th>Market Code</th>
                        <th>Payment Amount</th>
                    </tr>
                    <tr>
                        <td>RED</td>
                        <td>222</td>
                        <td>$103.00</td>
                    </tr>
                    <tr>
                        <td>BLUE</td>
                        <td>111</td>
                        <td>$13.00</td>
                    </tr>
                    <tr>
                        <td>GREEN</td>
                        <td>555</td>
                        <td>$143.00</td>  
                    </tr>
                </table>
            </div>
            <br/>
            <input type="button" id="excellink" value="Excel" />

        </body>
    </head>
</html>

1 个答案:

答案 0 :(得分:-1)

尝试添加特定于IE 8的波纹管代码

    <!--[if eq IE 8]>
        <script>
                    $(document).ready(function() {
                        $("[id$=excellink]").click(function(e) {
                            alert("$('div[id$=dvData]').html()");
                            window.open('data:application/vnd.xls,' + encodeURIComponent( $('div[id$=dvData]').html()));
                            e.preventDefault();
                        });
                    });
                </script>
<![endif]-->