Javascript适用于JFIDDLE，但不适用于HTML文件[关闭]答案

【问题标题】：Javascript works in JFIDDLE but not HTML file [closed]Javascript适用于JFIDDLE，但不适用于HTML文件[关闭]
【发布时间】：2018-10-17 01:07:40
【问题描述】：

为什么这段代码不起作用？它似乎只适用于 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>

【问题讨论】：

叹息。这不是 Java。它是 JavaScript。两者完全无关。 2018年怎么还会这样？
查看<script>标签
当我把它放在
@JohnConde new ScriptEngineManager().getEngineByName("js").eval("print('*Almost* completely unrelated')");

标签： javascript html

【解决方案1】：

像这样：

<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 代码放在一个脚本标签中，就像我在上面所做的那样，或者作为一个外部文件。

【讨论】：

奇怪的是它适用于 JFIDDLE，但不适用于我的 html 文件。我知道如何使用脚本标签，只是不知道为什么它不起作用
您是在 Apache 之类的服务器或类似的服务器中运行它吗？
不只是在我的桌面上构建 html 文件
我不太了解跨域，有代码解决方法吗？非常感谢！
这行得通！谢谢。现在我只需要知道如何使该 html 上线。我假设本地主机只能由我访问？