javascript - 仅在需要时加载 javascript 函数

Question

我有一个包含很多 javscript 功能的网页。这项工作要求拥有一个 html 文件并调用同一页面内的所有部分，并在不离开页面的情况下用新内容替换“旧内容”。（请不要告诉我这是不是一个好主意。）

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

我将非常感谢您的帮助。

Answer 1

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

在文件 1 中放置最低限度，在文件 2 中放置其余部分。您可以通过执行以下操作在需要时加载文件 2：

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

您还应该研究缩小和压缩。例如谷歌的闭包编译器。（从空白优化开始，然后尝试简单的优化。高级优化需要特殊的东西才能工作）并确保您压缩文件以使其尽可能小。