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

时间:2018-10-31 22:12:41

标签: javascript html css

如何解决此问题?

window.onload=function setup(){

    createCanvas(200,200);
}

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

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

1 个答案:

答案 0 :(得分: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);
});