为什么我的函数没有显示在html页面中？

Question

如何解决此问题？

window.onload=function setup(){

    createCanvas(200,200);
}

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

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

Answer 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);
});