javascript未在html中执行_Javascript_Html

javascript未在html中执行

javascript html

javascript未在html中执行,javascript,html,Javascript,Html,我正在使用GoogleJavaScript函数尝试制作一个饼图。它很好用但是当我把它复制到我自己的网页上时，它就不起作用了。我将在javascript部分周围添加和。如果我能将这两个脚本部分都放在主体中会更容易，但我也尝试了传统的头/主体方法，但我无法让它执行。在两种浏览器上的问题是相同的，java在我的站点上的其他地方工作。我做了什么来阻止它在这里执行？谢谢 <html> <head> <script type="text/javascript">

我正在使用GoogleJavaScript函数尝试制作一个饼图。它很好用

但是当我把它复制到我自己的网页上时，它就不起作用了。我将在javascript部分周围添加

和

。如果我能将这两个脚本部分都放在主体中会更容易，但我也尝试了传统的头/主体方法，但我无法让它执行。在两种浏览器上的问题是相同的，java在我的站点上的其他地方工作。我做了什么来阻止它在这里执行？谢谢

<html>
<head>

 <script type="text/javascript">

      google.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Truth or Falsity', 'Judgment!'],
          ['True',     28],
          ['False',     8],
          ['Partly True, Partly False',  69],
          ['N/A', 13],
        ]);

        var options = {
          title: 'The True Science of "Ithaca"'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }

      </script>

</head>
<body>

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
       <div id="piechart" style="width: 400px; height: 300px;"></div>

 </body>
 </html>


setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“真假”，“判断！”]，
[True'，28]，
['False'，8]，
[“部分正确，部分错误”，69]，
[N/A'，13]，
]);
变量选项={
标题：“伊萨卡的真正科学”
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

您的订单错了

您必须首先包括google脚本库

然后调用它的函数

因此，首先：

 <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>

然后：

<script type="text/javascript">

  google.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Truth or Falsity', 'Judgment!'],
      ['True',     28],
      ['False',     8],
      ['Partly True, Partly False',  69],
      ['N/A', 13],
    ]);

    var options = {
      title: 'The True Science of "Ithaca"'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }

  </script>


setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“真假”，“判断！”]，
[True'，28]，
['False'，8]，
[“部分正确，部分错误”，69]，
[N/A'，13]，
]);
变量选项={
标题：“伊萨卡的真正科学”
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

所以你可以把它放在头上或身上，唯一重要的是在执行库中包含的函数之前加载库

我认为最好的办法是把两者都放在结束语前

  script library
  script your script depending on library
</body

脚本库
根据库为脚本编写脚本
你点错菜了
您必须首先包括google脚本库
然后调用它的函数
因此，首先：
 <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>



然后：
<script type="text/javascript">

  google.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Truth or Falsity', 'Judgment!'],
      ['True',     28],
      ['False',     8],
      ['Partly True, Partly False',  69],
      ['N/A', 13],
    ]);

    var options = {
      title: 'The True Science of "Ithaca"'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }

  </script>


setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“真假”，“判断！”]，
[True'，28]，
['False'，8]，
[“部分正确，部分错误”，69]，
[N/A'，13]，
]);
变量选项={
标题：“伊萨卡的真正科学”
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

所以你可以把它放在头上或身上，唯一重要的是在执行库中包含的函数之前加载库
我认为最好的办法是把两者都放在结束语前
  script library
  script your script depending on library
</body

脚本库
根据库为脚本编写脚本
您需要将JavaScript放在Google JavaScript库之后。
您需要将JavaScript放在Google JavaScript库之后。
您正在第一个脚本元素中调用Google.setOnLoadCallback
，但您没有首先定义它。这大概是由第二个脚本元素处理的。在尝试调用方法之前，需要定义google
。
您正在第一个脚本元素中调用google.setOnLoadCallback
，但您没有首先定义它。这大概是由第二个脚本元素处理的。在尝试调用方法之前，您需要定义google
。
您需要在自己的JS之前加载google JS
您需要在自己的JS之前加载google JS
我猜这是因为您正在运行该行：
google.setOnLoadCallback(drawChart);

在实际加载脚本之前：
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>



在代码运行时，google
是undefined
。您需要将
标记向上移动到头部顶部，即代码上方。
我猜这是因为您正在运行该行：
google.setOnLoadCallback(drawChart);

在实际加载脚本之前：
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>



在代码运行时，google
是undefined
。您需要将
标记向上移动到头部顶部，即代码上方。
您的开发人员工具中是否存在任何错误？您使用的浏览器是什么？您是否按照与fiddle相同的顺序加载js？打开控制台（在浏览器中点击f12，重新加载页面），是否看到任何错误？首先需要加载google.com脚本标签，然后才能执行脚本。您需要将脚本添加到外部资源中，然后在头部而不是正文中单击。您的开发人员工具中是否存在任何错误？您使用的浏览器是什么？您是否按照与fiddle相同的顺序加载js？打开控制台（在浏览器中点击f12，重新加载页面），是否看到任何错误？首先需要加载google.com脚本标签，然后才能执行脚本。您需要将脚本添加到外部资源中，然后在头部而不是正文中单击