仅在需要时加载 javascript 函数答案

【问题标题】：load javascript functions only when needed仅在需要时加载 javascript 函数
【发布时间】：2012-08-21 23:12:28
【问题描述】：

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

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

非常感谢您的帮助。

【问题讨论】：

“活页”是什么意思？
你能把所有的javascript放在一个外部文件中并压缩吗？你在说多少javascript？可能是一次加载所有内容而不是多个请求会更快。
戴夫：离开页面意味着从 index.html 更改为 other.html 对不起，错误
有的：500kb，不过是手机网站，3g连接太大了
根据您编写文件的方式，您可以在第一个文件中加载最少的文件，然后让它加载另一个文件（通过在document.head 中插入一个脚本标签）与“额外”的功能。由于它适用于移动站点，因此您应该研究缩小和压缩。这将为您节省大量带宽。

标签： javascript function load

【解决方案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);

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

【讨论】：