始终建议通过将所有代码放在一个JS文件中来避免内联 Javascript 代码，该文件包含在所有页面中。我想知道，如果这不会导致重页的性能问题。
例如，假设我们有几十个这样的函数
function function1(element){
var el=document.getElementsByClassName(element);
var size=el.length;
if(size==0) return;
for(i=0;i<size;i++){
// the process
}
}
在每个页面上，我们都需要运行函数来知道 HTML 中是否有相应的元素。
window.onload = function(){
function1('a');
....
function26('z');
};
但是如果将所有函数保存在一个外部JS文件中，并通过 inline 调用函数JavaScript，我们只能调用当前页面中需要的函数：
<script type="text/javascript">
window.onload = function(){
function6('f');
};
</script>
从性能的角度来看，通过内联调用函数Javascript（这当然不是最佳实践）以避免调用页面中不需要的大量函数是否有益？
当然，这不仅限于函数，因为我们有很多addEventListener用于整个网站的s，它们在不需要它们的每个页面上都被触发。