Question

This example在jsFiddle中工作正常，但将表导出到Excel工作表

我保存在PC中，如下面的代码

<html>
<head>
  <title>Table Export</title>
  <script src="jquery.js"></script>

  <script type="text/javascript">
$("#btnExport").click(function (e) {
    window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#dvData').html()));
    e.preventDefault();
});
</script>
</head>

<body>
  <br/>
<div id="dvData">
<table>
    <tr>
        <th>Column One </th>
        <th>Column Two</th>
        <th>Column Three</th>
    </tr>
    <tr>
        <td>row1 Col1</td>
        <td>row1 Col2</td>
        <td>row1 Col3</td>
   </tr>
   <tr>
        <td>row2 Col1</td>
        <td>row2 Col2</td>
        <td>row2 Col3</td>
   </tr>
      <tr>
        <td>row3 Col1</td>
        <td>row3 Col2</td>
        <td>row3 Col3</td>  
   </tr>
</table>
</div>
<br/>
<a href="" id="btnExport">edit</a>
</body>
</html>

但这不起作用并导出文件，但其他jQuery示例有效，问题是什么？

Answer 1

像这样使用文档

  <script type="text/javascript">
  $(document).ready(function(){
  $("#btnExport").click(function (e) {
     window.open('data:application/vnd.ms-excel,' +encodeURIComponent($('#dvData').html()));
    e.preventDefault();
  });
  });
  </script>

jQuery在jsFiddle中工作但不在我的PC中

1 个答案: