Can'；不要将Javascript组合到页面代码中—代码超时。_Javascript_Jquery_Html

Can'；不要将Javascript组合到页面代码中—代码超时。

javascript jquery html

Can'；不要将Javascript组合到页面代码中—代码超时。,javascript,jquery,html,Javascript,Jquery,Html,感谢其他人的帮助，我有下面的代码工作得很好我现在需要将此代码添加到主页：但是当我尝试从test.html添加代码时，javascript中断了。有没有人愿意检查一下我的代码，并向我指出一些东西 <html> <head> <title>jmit</title> <link rel="stylesheet" href="style.css"> <script src="http://ajax.googleapis.com/aja

感谢其他人的帮助，我有下面的代码工作得很好

我现在需要将此代码添加到主页：

但是当我尝试从test.html添加代码时，javascript中断了。有没有人愿意检查一下我的代码，并向我指出一些东西

<html>
<head>
<title>jmit</title>
<link rel="stylesheet" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"
src='https://www.google.com/jsapi?autoload={"modules":[{"name":"visualization","version":"1","packages":["corechart","geochart"]}]}'>
</script>
<script>
$(document).ready(function(){
    var now = new Date();
    $("#date").append(now.toLocaleDateString());
});
</script>

<script type="text/javascript">
google.setOnLoadCallback(drawCharts);
function drawCharts(){
var map = new google.visualization.ChartWrapper({
    "containerId":"Chart1_div",
    "dataSourceUrl":"https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICAuYQKDA&format=data-table-response",
    "refreshInterval":3600,
    "chartType":"GeoChart",
    });
map.draw();}
</script>
<script type="text/javascript">
google.setOnLoadCallback(drawCharts);
function drawCharts(){
 var graph = new google.visualization.ChartWrapper({
     "containerId":"Chart2_div",
     "dataSourceUrl":"https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICA14wKDA&format=data-table-response",
    "refreshInterval":3600,
     "chartType":"AreaChart",
        "options":{
            "width":600,
            "height":400,
            "chartArea":{left:47, width:"89%", height:"80%"},
            "areaOpacity":0.1,
            "pointSize":4,
            "backgroundColor":"#F5F5F5",
            "colors":['#76BB72'],
            "legend":{position: 'none'},
            "tooltip":{textStyle: {fontSize:18}},
            "hAxis":{textPosition:"none", gridlines: {color: 'red', count: 7}},
            "dateFormat":{formatType: "long"}
        }
        });
graph.draw();}
</script>
<script type="text/javascript">
google.setOnLoadCallback(drawCharts);
function drawCharts(){
  var poppage = new google.visualization.ChartWrapper({
     "containerId":"Chart3_div",
     "dataSourceUrl":"https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgIDA4YoKDA&format=data-table-response",
    "refreshInterval":3600,
     "chartType":"Table",
        "options":{
            "width":175,
            "sort":"disable",
            "allowHtml": "true",
            "cssClassNames": {hoverTableRow:'hoverrow', headerRow: 'tableheader',tableRow: 'tablerow', tableCell: 'tablecell'}
        }
        });
google.visualization.events.addListener(poppage, 'ready', hide);
poppage.draw();}
function hide() {
var thediv = $('#Chart3_div').find('.tablecell').eq(0);
var text = thediv.text();
text = text.replace(/\//g, '');
thediv.text(text);
}
</script>

<script type="text/javascript">
google.setOnLoadCallback(drawCharts);
function drawCharts(){
 var popdownload = new google.visualization.ChartWrapper({
     "containerId":"Chart4_div",
     "dataSourceUrl":"https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICAuYQJDA&format=data-table-response",
    "refreshInterval":3600,
     "chartType":"Table",
        "options":{
            "width":250,
            "sort":"disable",
            "allowHtml": "true",
            "showRowNumber":"true",
            "cssClassNames": {hoverTableRow:'hoverrow',headerRow: 'tableheader',tableRow: 'bdtablerow', oddTableRow:'bdoddrow', tableCell: 'bdtablecell'}}});
google.visualization.events.addListener(popdownload, 'ready', hidestuff);
popdownload.draw();}
function hidestuff() {
var ind = [1, 4, 7, 10, 13];
$('#Chart4_div').find('.bdtablecell').filter(function(i) {
  return $.inArray(i, ind) > -1;
}).text(function(_, currentText) {
return currentText.replace(/-/g, ' ').replace(/\//g, '');   }); }
</script>


</head>
<body>
  <h1>Test</h1>
  <div style="margin: 0 auto; width: 650px;">
  <div id="Chart1_div"></div>
  <p>Last 30 days</p>
  <div id="Chart2_div"></div><br><br>
  <div id="Chart3_div"></div>
  <div id="date"></div>
  <div id="Chart4_div"></div>
</div>
</body>
</html>


杰米特
$（文档）.ready（函数（）{
var now=新日期（）；
$（“#日期”）.append（now.toLocaleDateString（））；
});
setOnLoadCallback（绘图图）；
函数绘图图（）{
var map=new google.visualization.ChartWrapper({
“集装箱运输”：“Chart1_div”，
“数据源URL”：https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICAuYQKDA&format=data-表响应“，
“刷新间隔”：3600，
“图表类型”：“地球艺术”，
});
map.draw（）；}
setOnLoadCallback（绘图图）；
函数绘图图（）{
var graph=新的google.visualization.ChartWrapper({
“集装箱运输”：“Chart2_div”，
“数据源URL”：https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICA14wKDA&format=data-表响应“，
“刷新间隔”：3600，
“图表类型”：“区域图表”，
“选择”：{
“宽度”：600，
“高度”：400，
“图表区”：{左：47，宽：“89%”，高：“80%”，
“面积不透明度”：0.1，
“点大小”：4，
“背景色”：“#F5”，
“颜色”：['#76BB72']，
“图例”：{位置：'无'}，
“工具提示”：{textStyle:{fontSize:18}，
“hAxis”：{textPosition:“none”，网格线：{color:'red'，count:7}，
“dateFormat”：{formatType:“long”}
}
});
graph.draw（）；}
setOnLoadCallback（绘图图）；
函数绘图图（）{
var poppage=new google.visualization.ChartWrapper({
“集装箱运输”：“Chart3_div”，
“数据源URL”：https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgIDA4YoKDA&format=data-表响应“，
“刷新间隔”：3600，
“图表类型”：“表格”，
“选择”：{
“宽度”：175，
“排序”：“禁用”，
“allowHtml”：“true”，
“cssClassNames:{hoverTableRow:'hoverrow'，headerRow:'tableheader'，tableRow:'tableRow'，tableCell:'tableCell'}
}
});
google.visualization.events.addListener（弹出窗口，'ready'，hide）；
poppage.draw（）；}
函数hide（）{
var thediv=$（'#Chart3_div'）.find（'.tablecell'）.eq（0）；
var text=thediv.text（）；
text=text.replace（//\//g'，）；
第四章正文（正文）；
}
setOnLoadCallback（绘图图）；
函数绘图图（）{
var popdownload=new google.visualization.ChartWrapper({
“集装箱运输”：“Chart4_div”，
“数据源URL”：https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICAuYQJDA&format=data-表响应“，
“刷新间隔”：3600，
“图表类型”：“表格”，
“选择”：{
“宽度”：250，
“排序”：“禁用”，
“allowHtml”：“true”，
“showRowNumber”：“true”，
“cssClassNames:{hoverTableRow:'hoverrow'，headerRow:'tableheader'，tableRow:'bdtablerow'，oddTableRow:'bdoddrow'，tableCell:'bdtablecell'}}}）；
google.visualization.events.addListener（下载'ready'，hidestuff）；
popdownload.draw（）；}
函数hidestuff（）{
var ind=[1,4,7,10,13]；
$（'#Chart4_div'）.find（'.bdtablecell'）.filter（函数（i）{
返回$.inArray（i，ind）>-1；
}).text（函数（\当前文本）{
返回currentText.replace（//-/g'，）.replace（//\//g'，）；}）；}
测验
过去30天

删除上一个属性中的逗号，可能是因为：

function drawCharts(){
   var map = new google.visualization.ChartWrapper({
      "containerId":"Chart1_div",
      "dataSourceUrl":"https://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICAuYQKDA&format=data-table-response",
      "refreshInterval":3600,
      "chartType":"GeoChart"
    });
   map.draw();
}

不要对函数一直使用相同的全局变量名。你很幸运它能起作用。使每个drawCharts函数具有不同的名称，或者至少将它们包装在一个自动执行函数中，以将其隐藏在全局范围之外。非常感谢！我无法更改drawCharts函数，但我将所有内容都封装在一个自动执行函数中。效果很好。（函数（）{//一些代码…}）（）；