我在力度模板中有一个HTML表。我想使用Java脚本或jquery将html表格数据导出到excel,与所有浏览器兼容。我正在使用以下脚本
<script type="text/javascript">
function ExportToExcel(mytblId){
var htmltable= document.getElementById('my-table-id');
var html = htmltable.outerHTML;
window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
}
</script>
该脚本可以在Mozilla Firefox中正常运行,它会弹出一个excel对话框,并询问打开或保存选项。但是,当我在Chrome浏览器中测试了相同的脚本时,它无法按预期运行,当单击按钮时,Excel不会弹出。数据下载到文件名为“ file type:file”的文件中,没有.xls这样的扩展名chrome控制台中没有错误。
jsfiddle示例:
http://jsfiddle.net/insin/cmewv/
在mozilla中工作正常,但在chrome中则不能。
Chrome浏览器测试用例:
第一张图片:我点击“导出到Excel”按钮
结果:
Excel导出脚本可在IE7 +,Firefox和Chrome上运行。
function fnExcelReport()
{
var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>";
var textRange; var j=0;
tab = document.getElementById('headerTable'); // 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,"Say Thanks to Sumit.xls");
}
else //other browser not tested on IE 11
sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));
return (sa);
}
只需创建一个空白的iframe:
<iframe id="txtArea1" style="display:none"></iframe>
在以下位置调用此函数:
<button id="btnExport" onclick="fnExcelReport();"> EXPORT </button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句