怎么动态加载JavaScript文件

本文小编为大家详细介绍"怎么动态加载JavaScript文件"，内容详细，步骤清晰，细节处理妥当，希望这篇"怎么动态加载JavaScript文件"文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

JavaScript 文件的动态加载是你必须拥有的非常有用的工具之一。它允许你通过将阻塞脚本从加载过程中移出（通常称为"延迟加载"）来优化网页性能，并仅在用户需要时加载脚本（通常称为"按需加载"）。如果您明智地使用此工具，它将大大提高你的页面性能。

配置

让我们定义我们的示例模型，我们将从定义需要动态加载的远程文件开始。这是" remote.js "文件的定义：

// this is going to be executed when script is loaded(function () {  console.log("Remote script loaded");}());var sayHello = function (name) {  alert("Hello", name);}

在上面的代码中，我们定义了一个立即函数来跟踪文件加载。我们还定义了一个从主页面调用的自定义函数。

现在，这是我们的主要" index.htm "页面。它只包含一个用于加载和测试文件的按钮。

  Load script file  

无脑方法

加载 JavaScript 文件最直接的方法是在