我想在页面加载时加载多个外部JavaScript文件中的多个功能。如果我使用“ body onLoad”,那么一个功能总是会取代另一个功能。如何配置它,以便可以从每个文件加载每个函数,并在页面上尽快加载它们?
我尝试通过将两个函数(目前只有2个)放到一个javascript文件中来组合文件,但是每当我使用“ document.getElementById(” clockModule“)。innerHTML =”将数据输出到特定的div ID时,输出到一个ID,并且它们彼此重叠
最佳答案
当您执行window.onload = function(){ ... }
时,您正在做的是为window.onload
分配一个新值,替换之前分配给它的任何值。这意味着永远只有一个值。以同样的方式,innerHTML
替换元素的全部内容。
而是使用addEventListener
附加事件处理程序,并考虑创建DOM节点并使用createElement
和appendChild
附加它们。