在Excel中打开HTML表而不另存为

时间:2017-03-03 17:51:21

标签: javascript html excel

我想从Excel工作表中的html页面打开html表,而不必先保存excel表。我可以找到几种方法首先在excel表中保存html表,然后打开它。

我可以修改我拥有的这些方法,也可以采取全新的方法。

这是我现在的HTML(用于解释我尝试的最小用例):

我尝试为demo创建jsfiddle,但似乎不允许使用document.write。无论这里是fiddle的链接。

注意:我曾尝试使用我找到的其他选项进行此操作,并且还必须寻求帮助。该问题的链接是here

请原谅我,如果我太需要,但我似乎无法通过冲浪找到解决办法,所以我正在尝试找到类似但无法调整的内容。



function fnExcelReport() {
  var tab_text = "<table border='2px'><tr bgcolor='#87AFC6'>";
  var textRange;
  var j = 0;
  tab = document.getElementById('tableData'); // id of table

  for (j = 0; j < tab.rows.length; j++) {
    tab_text = tab_text + tab.rows[j].innerHTML + "</tr>";
    /*tab_text=tab_text+"</tr>";*/
  }

  tab_text = tab_text + "</table>";
  /*tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table*/
  tab_text = tab_text.replace(/<img[^>]*>/gi, ""); // remove if u want images in your table
  tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params

  var ua = window.navigator.userAgent;
  var msie = ua.indexOf("MSIE ");

  if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer
  {
    txtArea1.document.open("txt/html", "replace");
    txtArea1.document.write(tab_text);
    txtArea1.document.close();
    txtArea1.focus();
    sa = txtArea1.document.execCommand("SaveAs", true, "download.xls");
  } else //other browser not tested on IE 11
    sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));

  return (sa);
}
&#13;
<center>
  <h1>Heading2</h1>
</center>

<table id="tableData">
  <tr>
    <th>Header1</th>
    <th>Header2</th>
    <th>Header3</th>
    <th>Header4</th>
  </tr>
  <tr>
    <td>Text1</td>
    <td>93</td>
    <td>4343</td>
    <td>1243</td>
  </tr>
  <tr>
    <td>Text2</td>
    <td>103</td>
    <td>26</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Text3</td>
    <td>932</td>
    <td>67</td>
    <td>3545</td>
  </tr>
  <tr>
    <td>Text4</td>
    <td>933</td>
    <td>21348</td>
    <td>7563</td>
  </tr>
  <tr>
    <td>Text5</td>
    <td>9383</td>
    <td>576</td>
    <td>230</td>
  </tr>
  <tr>
    <td>Text6</td>
    <td>9</td>
    <td>354</td>
    <td>345</td>
  </tr>
</table>

<!--</br><button id="btnExport" onclick="window.open('data:application/vnd.ms-excel,' + encodeURIComponent(document.getElementById('tableData').innerHTML));">Export To Excel</button></br></br></br></br> COMMENT: No need for exportExcel.js if I use this way -->
<!--</br><button id="btnExport" onclick="window.open('data:application/vnd.ms-excel,' + document.getElementById('tableData').outerHTML.replace(/ /g, '%20'));">Export To Excel</button></br></br></br></br> COMMENT: No need for exportExcel.js if I use this way -->
</br><button id="btnExport" onclick="fnExcelReport();">Export To Excel</button></br>
</br>
</br>
</br>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我得到了第一个使用JQuery和FileSaver.min.js库的方法的答案。所以我决定使用这种方法,因为它做了我想要的。来自Will Jobs的问答的链接是here

感谢您的时间和输入mplungjan,Jhecht