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

标签 javascript html css

<分区>


关闭 4 年前

我该如何解决这个问题?

window.onload=function setup(){

    createCanvas(200,200);
}

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

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

最佳答案

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

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

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

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

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

关于javascript - 为什么我的函数没有显示在 html 页面中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53092669/

上一篇:html - 用 SVG 形状替换剪辑路径形状

下一篇:html - 使用具有页眉和页脚的外部容器进行视差滚动

相关文章:

javascript - 创建组件代替点击事件

javascript - 在 Ajax 中测试 PHP 响应

javascript - 以多页分页打印所有数据

php - 从具有动态 where 条件的数据库中选择

css - 如何使用 CSS 创建水平菜单,并在单击元素时显示元素的 div

Javascript Haversine 错误

javascript - 如何在 React.js 中使用 JavaScript 修改 CSS

jQuery、html5、append()/appendTo() 和 IE

html - 减少背景和屏幕边之间的空间

css3-webkit-转换