如何将“一个html页面中与其它html页面共同需要的js函数”和“本页面单独需要的js函数”都放进window.onload?

Question

假设我有2个html页面：html1 html2。（省略后缀.html，后同。）
其中html1需要使用到2个JS函数：f0 f1。
其中html2需要使用到2个JS函数：f0 f2。

由于html1和html2都需要使用到函数f0，于是我打算将f0放入一个common.js中然后同时导入html1和html2。

由于html1需要使用函数f1，html2需要使用函数f2，并且f1中引用了html1中某一个元素的id，f2中引用了html2中某一个元素的id，因此我没法将他们写进同一个js文件并分别引入到html1和html2中（这样会导致打开html1时无法引用到html2的元素，反过来一样。），于是我将f1放入js1.js然后导入html1，将f2放入js2.js然后导入html2。

但问题是f0 f1 f2都需要引用页面中的id,于是我需要将他们放进window.onload，否则页面没加载完会导致找不到元素id，请问我应该如何做才能将common.js中的f0放入window.onload的同时也将js1.js(js2.js)中的f1(f2)也放进window.onload?

不才初学js，望各位前辈指点迷津，感激不尽！

Answer 1

……你把f0、f1、f2都放进common.js里，然后分别在html1和html2里各自引用一下，不就得了？多几个字节总比多开一个连接划算的多，而且加载过的文件一般都会缓存~~

Answer 2

在js1.js中编写如下代码
window.onload = function(){

f0();
f1();

};
同理：在js2.js中把调用的f1方法改为f2

Answer 3

这年头谁还要window.onload , 您已入的js文件 直接放在body最末尾就好了 ，现在都建议吧js文件放在那，不要用window.onload了，还有你的common.js是你随意起的名字，还是要用commonJS模块化规范，要是模块化，也不要用了，用ES6的import export 导入引出模块，