仅在需要时加载javascript函数

Question

我有一个包含大量javscript函数的网页。这项工作要求只有一个html文件并调用同一页面内的所有部分，并在不离开页面的情况下将旧内容替换为新内容。 （请不要告诉我这是不是一个好主意。）

因此，所有这些都是网站工作所必需的，但是在开始时加载它们并不是必需的。单击按钮时是否有任何表单可以加载和调用函数？

我将非常感谢你的帮助。

Answer 1

我建议您将javascript放在两个文件中。

在文件1中，您将最小值放在文件2中，剩下的则放在文件2中。您可以通过执行以下操作来加载文件2：

var script = document.createElement('script');
script.type = 'application/javascript';
script.src = 'name_of_script_2.js';
document.head.appendChild(script);

您还应该考虑缩小和压缩。例如Googles closure compiler。 （从白色空间优化开始，然后尝试简单优化。高级优化需要特殊的工作）并确保您对文件进行gzip以使它们尽可能小。