Javascript适用于JFIDDLE,但不适用于HTML文件

时间:2018-10-17 01:07:41

标签: javascript html

为什么此代码不起作用?似乎只能在JFIDDLE上使用。是否有权限或其他内容?

function loadData() {
  var url="https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
  xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if(xmlhttp.readyState == 4 && xmlhttp.status==200){
      document.getElementById("display").innerHTML = xmlhttp.responseText;
    }
  };
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
}
<html>
  <body>
    <button type="button" onclick="loadData()">Load Spreadsheet Data</button>
    <div id="display"></div>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

赞:

<html>
  <body>
    <button type="button" onclick="loadData()">Load Spreadsheet Data</button>
    <div id="display"></div>
    <script>
        function loadData() {
          var url="https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
          xmlhttp=new XMLHttpRequest();
          xmlhttp.onreadystatechange = function() {
          if(xmlhttp.readyState == 4 && xmlhttp.status==200){
            document.getElementById("display").innerHTML = xmlhttp.responseText;
          }
          };
          xmlhttp.open("GET",url,true);
          xmlhttp.send(null);
       }
    </script>


  </body>
</html>

这是Javascript代码,而不是Java,它们是两种不同的语言,请阅读此内容以获取更多信息https://www.makeuseof.com/tag/java-vs-javascript/

对于Javascript,您需要将JS代码放在脚本标签中,就像我上面所做的那样或作为外部文件。