通过 Javascript 向 Weebly 添加元素不起作用

Question

我有一些 Javascript 代码可以读取已发布的 Google Sheet 并将其读取到网页。出于某种原因，在嵌入此 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>

Answer 1

变化：

<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>

Answer 2

这可能是因为 javascript 代码先运行并呈现了一些问题。我遇到了同样的问题。

在页脚而不是页眉部分包含脚本标签。事实上，您会在页脚下方找到默认的 Weebly 脚本标签。添加您的自定义 javascript 代码。

或（更可取）在外部创建一个 javascript(.js) 文件，将其上传到 Weebly 主题编辑器中的资产，然后将其与其他默认的 Weebly 脚本标签一起添加到您的 HTML 头文件中。

例如。将像这样添加名为 editsite.js 的 javascript 文件（上传到资产后）：

<script type="text/javascript" src="/files/theme/editsite.js"></script>

通过 Javascript 向 Weebly 添加元素不起作用

Adding Elements to Weebly via Javascript Not Working

javascript

weebly