javascript - 如何将“一个html页面中与其它html页面共同需要的js函数”和“本页面单独需要的js函数”都放进window.onload?
黄舟
黄舟 2017-04-11 13:00:28
0
3
344

假设我有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,望各位前辈指点迷津,感激不尽!

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回覆(3)
左手右手慢动作

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

大家讲道理

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

f0();
f1();

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

大家讲道理

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!