仅在需要时加载javascript函数

load javascript functions only when needed

本文关键字:加载 javascript 函数      更新时间:2023-09-26

我有一个网页,里面有很多javscript函数。作业需要有一个html文件,调用同一页面内的所有部分,并在不离开页面的情况下用新内容替换"旧内容"。(请不要告诉我这是否是个好主意。)

因此,所有这些都是现场工作所必需的,但没有必要在一开始就加载它们。单击按钮时,是否有加载和调用函数的表单?

我将非常感谢你的帮助。

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

在文件1中,你放了最低限度,在文件2中放了其余的

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

您还应该研究缩小和压缩。例如谷歌闭包编译器。(从空白空间优化开始,然后尝试简单的优化。高级优化需要特殊的东西才能工作)并确保你对文件进行gzip处理,使其尽可能小。