只运行当前页面所需的javascript,最好的方法？

Question

所以我知道最好为整个网站提供一个javascript文件来限制http请求.所以显然某些页面只需要一些javascript.仅运行当前页面所需的javascript的最佳方法是什么？

例如.

if(page=='home'){
  //run javascript require for the home page
}

也许这不是问题,如果在页面上找不到定位元素,javascript将会优雅地失败？我想知道这个javascript结构的最佳实践.

Answer 1

将您的逻辑封装在函数中.然后只需通过页面中"onload"的嵌入式函数调用来调用每个页面中所需的函数:

<script type="text/javascript">
   yourFunctionForThisPage();
</script>

编辑:只是为了澄清:我的答案是假设单个.js文件的(隐含)约束.正如其他人所指出的那样,虽然您节省了HTTP请求,但这不一定是个好主意:浏览器仍然需要解析文件中每个页面的所有代码,无论是否使用.说实话,拥有一个包含所有内容的全局站点范围的js资源是非常不寻常的.从逻辑上将js拆分成各种文件(即库)可能是一个更好的主意.这些库可以是基于页面的 - 即特定页面的特定代码,或基于算法/任务的库,您可以将其包含在任何需要它们的页面中.