如何从一个文件中专门执行页面？

Question

我有一个单独的文件'core.js'，其中包含我的网站JavaScript集合。我喜欢以这种方式组合我的脚本，因此我可以减少HTTP请求。我的问题是，特定于页面的代码显然是在不需要的页面上运行。

如果不将'core.js'拆分为单独的脚本，那么确保我的页面特定代码只能运行在它应该运行的页面上的最佳解决方案是什么？

非常感谢！

Answer 1

最简单的方法是使core.js中的所有内容都成为函数，然后在每个给定页面中调用一个内联函数调用来调用特定于该页面的代码。这使得core.js成为一种资源，每个页面决定要调用的资源中的哪些函数。

我也看到它在body标签上放置一个触发器类名称，然后core.js中的代码检查body标签上的类以确定要运行的初始化代码。当你有少量类型的页面并且你想在相同类型的所有页面上运行相同的初始化代码时，这种方法效果最好，但是如果每个页面都有不同的JS，我认为这并不是很好。在这种情况下，我认为最好使用第一种让页面决定调用JS初始化函数的技术。