javascript - 一个HTML文件引入多个JS文件onload的问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 一个HTML文件引入多个JS文件onload的问题

ringa_lee 2017-04-10 14:35:05

[JavaScript讨论组]

1000

在用canvas些一个游戏，用MVC的设计模式，把js文件分成了3个，分别代表M,V,C。但是在执行过程中，三个文件都要在window.onload的时候执行。但是window.onload在一个html文件中只能有一个存在。当然，在一个js文件中我知道可以这样做：

window.onload=function(){
    funtion1(){};
    funtion2(){};
}

但是像这样的多个JS文件，而且多个js文件还有关联的情况下怎么解决？

ringa_lee

全部回复(5)

巴扎黑2017-04-10 14:37:05 5楼

一般我们这样子添加回调：

btn.onclick = func;

但是如果添加多个回调并且顺序执行肯定就不能这样了，因为这样后面的会覆盖前面的。
于是：

//element.addEventListener(type,listener,useCapture);
btn.addEventListener("click", func1, false);
btn.addEventListener("click", func2, false);
btn.addEventListener("click", func3, false);

执行顺序为func1->func2->func3。
需要注意attachEvent是IE自己的方法，addEventListener是w3c标准的东西。

赞 +0

添加回复

阿神2017-04-10 14:37:05 4楼

入口只有一个就行了。重新整理一下逻辑吧
另外，可以看一下requirejs

赞 +0

添加回复

高洛峰2017-04-10 14:37:05 3楼

function addLoadEvent(fn){
    var oldonload = window.onload;
    if(typeof window.onload != 'function'){
        window.onload = fn;
    }else{
        window.onload = function(){
            oldonload();
            fn();
        }
    }
}

赞 +0

添加回复