为什么我的函数没有显示在 html 页面中？ [关闭]答案

【问题标题】：Why doesn't my function show in html page? [closed]为什么我的函数没有显示在 html 页面中？ [关闭]
【发布时间】：2019-04-05 04:03:40
【问题描述】：

我该如何解决这个问题？

window.onload=function setup(){

    createCanvas(200,200);
}

window.onload=function draw (){
    background(55);
}

我在 html 页面中包含了 javascript 文件当我运行 html 页面时不显示我的画布是否有语法错误？

【问题讨论】：

is there a syntax error 有，如果这是你的全部代码的话。 createCanvas & background 有什么作用？
所以新元素应该是 createElement 吗？
这是您的完整代码吗？开发者工具（控制台）是否显示任何错误/异常？
这个 html 页面这也是 js 文件 window.onload = function() { createCanvas(200,200);背景（55）； };

【解决方案1】：

您不能有两个 window.onload 函数。每次分配此属性时，它都会替换前一个属性。当页面加载时，只会调用最后一个。

您可以将这些功能合二为一：

window.onload = function() {
    createCanvas(200,200);
    background(55);
};

或者您可以使用addEventListener 添加多个事件监听器。

window.addEventListener("load", function() {
    createCanvas(200, 200);
});
window.addEventListener("load", function() {
    background(55);
});

【讨论】：

我先试了，还是不行
你试图调用一个你从未定义过的函数。定义createCanvas 函数。
但是你有function createCanvas(height, width) { ... }吗？您不能调用尚未定义的函数。
createCanvas 不是内置的 JavaScript 函数。所以你要么需要自己定义它，要么加载一个定义它的库。
@SkyBlue 听起来你需要做更多的研究，也许还需要阅读一些 JavaScript 教程。以下是如何创建画布元素并将其插入文档的示例：stackoverflow.com/questions/10652513/…。您缺少很多代码。