Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery导出到xml可以从JSFIDLE工作,但不能从浏览器工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jQuery导出到xml可以从JSFIDLE工作,但不能从浏览器工作

Javascript 使用jQuery导出到xml可以从JSFIDLE工作,但不能从浏览器工作,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试导出xls中的HTML表内容。我发现了一个JSFIDLE,但当我使用相同的方法时,通过公司网络从FIDLE导出,而不是从浏览器(IE11和chrome版本54)导出 我尝试的小提琴是,代码是: <html> <head> <title>Summary</title> <meta HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">

我正在尝试导出xls中的HTML表内容。我发现了一个JSFIDLE,但当我使用相同的方法时,通过公司网络从FIDLE导出,而不是从浏览器(IE11和chrome版本54)导出

我尝试的小提琴是,代码是:

<html>
  <head>
    <title>Summary</title>
    <meta HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
$("#btnExport").click(function (e) {
    window.open('data:application/vnd.ms-excel,' + $('#dvData').html());
    e.preventDefault();
});
    </script>

  </head>
  <body>
    <center>
      <h1>Summary</h1>
    </center>

    <input type="button" id="btnExport" value=" Export Table data into Excel " />
    <div id="dvData">
    <table>
      <tr><th>ColTitle</th><th>Column1</th><th>Title2</th><th>Title3</th><th>Title4</th><th>Title5</th><th>Title6</th><th>Title7</th><th>Title8</th><th>Title9</th><th>Title10</th><th>Title11</th></tr>
      <tr><td>Title1</td><td align=center>0</td><td align=center>33</td><td align=center>667</td><td align=center>45</td><td align=center>45</td><td align=center>45</td><td align=center>45</td><td align=center>4</td><td align=center>76</td><td align=center>45</td><td align=center>0</td></tr>
      <tr><td>Title2</td><td align=center>56</td><td align=center>34</td><td align=center>9</td><td align=center>83</td><td align=center>6</td><td align=center>70</td><td align=center>458</td><td align=center>76</td><td align=center>23</td><td align=center>6</td><td align=center>43</td></tr>
      <tr><td>Title3</td><td align=center>9</td><td align=center>0</td><td align=center>341</td><td align=center>11</td><td align=center>77</td><td align=center>121</td><td align=center>7</td><td align=center>3</td><td align=center>67</td><td align=center>190</td><td align=center>66</td></tr>
    </table>
    </div>  

  </body>
</html>

总结
$(“#btnExport”)。单击(函数(e){
window.open('data:application/vnd.ms excel,'+$('#dvData').html());
e、 预防默认值();
});
总结
ColTitleColumn1Title2Title3Title4Title5Title6Title7Title8Title9Title10Title11
标题103366745476450
标题256349836704587623643
标题3903411177121736719066
我想不知何故,由于公司网络的原因,jquery库没有被加载,但我无法确认,因为我在chrome->inspect中没有看到任何错误


有没有人遇到过同样的问题并知道如何解决?甚至一些关于如何找到问题所在的提示也会有所帮助。

看看JSFIDLE Javascript窗格选项,它被设置为在onDomReady上运行,这意味着在onDomReady事件触发之前,其中的代码不会运行,您的代码没有这样做。
#btnExport
在您运行脚本时不存在。谢谢Patric Evans和Teemu。我完全没有检查JavaScript窗格上的Load Type选项。在我将该选项添加到fiddle和代码中之后,它现在可以用于chrome,但不能用于IE11。我仍然可以接受这个答案,但你的评论中没有这个选项。