javascript - 通过 Javascript 添加元素到 Weebly 不起作用

标签 javascript weebly

我有一些 Javascript 代码,可以读取已发布的 Google 表格并将其读取到网页中。由于某种原因,在嵌入这个 int Weebly 时,它只是不想接受它。据我所知,根本没有创建任何元素。这是我的代码,任何帮助都很棒。

<!DOCTYPE html><!doctype html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
var spData = null;
function doData(json) {
    spData = json.feed.entry;
}
function readData(parent) {
    var data = spData;
    var ScoreObjs = [];
    var ScoreObj = new Object();
    for(var r=4; r < data.length; r++) {
        var cell = data[r]["gs$cell"];
        var val = cell["$t"];
        console.log(val);
        if (cell.col == 1) {
            ScoreObj.team1 = val;
        }
        else if (cell.col == 2) {
            ScoreObj.team2 = val;
        }
        else if (cell.col == 3) {
            ScoreObj.score1 = val;
        }
        else if (cell.col == 4) {
            ScoreObj.score2 = val;

            ScoreObjs.push(ScoreObj);
            ScoreObj = new Object();
        }
    }
    toFormat(ScoreObjs);
}
function toFormat(obj) {
    for (var x = 0; x < obj.length; x++)
    {
        var data = obj[x];
        var team1 = data.team1;
        var team2 = data.team2;
        var score1 = data.score1.toString();
        var score2 = data.score2.toString();

        var child1 = document.createElement("div");
        child1.className = "paragraph";
        document.body.appendChild(child1);
        var child2 = document.createElement("strong");
        child1.appendChild(child2);
        var child3 = document.createElement("font");
        child3.color = "#FFFFFF";
        child3.innerHTML = team1 + " vs " + team2 + "<br />ESEA Scrim";
        child2.appendChild(child3);

        var child4 = document.createElement("font");
        child4.color = "#00FF00";
        child4.innerHTML = score1 + ":" + score2;
        child1.appendChild(child4);
    }
}
$(document).ready(function(){
    readData($("#data"));
});

</script>
<script src="https://spreadsheets.google.com/feeds/cells/1BSsomIQwFhifrFB8ybQ6xF0t-KdJNKtCBHotY3X8O98/1/public/values?alt=json-in-script&callback=doData"></script>
</head>
</html>

最佳答案

更改:

<script
src="https://spreadsheets.google.com/feeds/cells/1BSsomIQwFhifrFB8ybQ6xF0t-KdJNKtCBHotY3X8O98/1/public/values?alt=json-in-script&callback=doData"></script>

致:

<script id="data"
src="https://spreadsheets.google.com/feeds/cells/1BSsomIQwFhifrFB8ybQ6xF0t-KdJNKtCBHotY3X8O98/1/public/values?alt=json-in-script&callback=doData"></script>

关于javascript - 通过 Javascript 添加元素到 Weebly 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42615262/

相关文章:

javascript - 如何在 React Native 的多子父 View 中将一个子垂直居中

javascript - 将 MathJax 合并到 Weebly 网站上

javascript - (Angular2) JSON数据(http.get())未定义,数据未在组件中更新

javascript - AngularJS:禁用页面/ Controller 加载上的数据绑定(bind),并稍后启用它

javascript - 获取平均返回 NAN - JS

html - 如何在 Weebly 中将类(class)添加到我的无序列表?

html - { 乌尔都语博客文章文本对齐(从右到左); }

css - 使用 weebly.com 仅在手机/平板电脑/台式机上显示 div

javascript - jQuery 代码不适用于 Weebly - 为什么?

javascript - Oracle XE 10 sc_core.js :472 Uncaught ReferenceError: $x is not defined