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

标签 javascript function load

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

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

我将非常感谢您的帮助。

最佳答案

我建议你将 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 。 (从空白优化开始,然后尝试简单的优化。高级优化需要特殊的东西才能工作)并确保您对文件进行 gzip 压缩以使它们尽可能小。

关于javascript - 仅在需要时加载 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12064349/

相关文章:

javascript - 数据标签中的 Highcharts 系列名称

javascript - 使用变量作为对象和函数

android:如何从 assets 目录加载 xml 文件?

c# - 使用 C# 和存储过程解析文本文件并将其加载到数据库中

javascript - Fusioncharts 中的可滚动 X 轴

javascript - 单击时将 div 滑入和滑出,但原始页面未在页面加载时显示?

javascript - jquery onclick 不起作用

c++ - 使功能越来越通用

c++ - 检查字符串是否包含数字的函数

jquery - Google Chrome 上的 jquery 加载问题